/* =====================================================================
   آکو اطلس — سیستم تایپوگرافی و فاصله‌گذاری پنل کاربر/ادمین
   (فایل سراسری پورتال؛ DNN بعد از استایل‌های قالب بارگذاری می‌کند و
    با بازسازی قالب DNNGo پاک نمی‌شود)
   فونت IRANSansX فقط دو وزن دارد: 400 (معمولی) و 700 (ضخیم)
   ===================================================================== */

:root {
  --ako-text: #101828;
  --ako-text-2: #344054;
  --ako-muted: #667085;
  --ako-subtle: #98a2b3;
  --ako-border: #e4e7ec;
  --ako-border-strong: #d0d5dd;
  --ako-surface: #ffffff;
  --ako-surface-2: #f9fafb;
  --ako-head: #f2f4f7;
  --ako-navy: #07074a;
  --ako-radius: 10px;

  --ako-fs-xs: 12px;
  --ako-fs-sm: 13px;
  --ako-fs-base: 14px;
  --ako-fs-md: 15px;
  --ako-fs-lg: 17px;
  --ako-fs-xl: 20px;
}

/* ---------- پایه‌ی محتوای پنل ---------- */
.has-sidebar .sidebar-siblings-container,
.remodal {
  font-size: var(--ako-fs-base);
  line-height: 1.85;
  color: var(--ako-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.has-sidebar .sidebar-siblings-container p { margin: 0 0 .75em; }

/* عنوان ماژول‌ها (کانتینر Title_h2 / Title_h4): پیش‌تر وزن 100 و کوچک‌تر از محتوا */
.has-sidebar .heading_wrapper h2,
.has-sidebar .heading_wrapper h4,
.has-sidebar .heading_wrapper h2 span,
.has-sidebar .heading_wrapper h4 span {
  font-size: var(--ako-fs-lg) !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  color: var(--ako-text) !important;
  letter-spacing: 0;
}
.has-sidebar .heading_wrapper { margin-bottom: 14px; }

/* تیترهای داخل محتوا */
.has-sidebar .sidebar-siblings-container h3,
.remodal h3 { font-size: var(--ako-fs-md); font-weight: 700; line-height: 1.7; }
.has-sidebar .sidebar-siblings-container h5,
.has-sidebar .sidebar-siblings-container h6 { font-size: var(--ako-fs-base); font-weight: 700; line-height: 1.7; }
.has-sidebar .sidebar-siblings-container strong,
.has-sidebar .sidebar-siblings-container b { font-weight: 700; }

.has-sidebar .sidebar-siblings-container small,
.has-sidebar .sidebar-siblings-container .small,
.remodal small, .remodal .small { font-size: var(--ako-fs-xs); line-height: 1.7; }
.has-sidebar .sidebar-siblings-container .text-muted,
.remodal .text-muted { color: var(--ako-muted) !important; }

/* ---------- فرم‌ها ---------- */
.has-sidebar .sd-field-text,
.remodal .sd-field-text {
  font-size: var(--ako-fs-sm) !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: var(--ako-text-2) !important;
  margin-bottom: 6px !important;
}
.has-sidebar .sd-field,
.remodal .sd-field { margin-bottom: 18px; }

.has-sidebar .sidebar-siblings-container input.form-control,
.has-sidebar .sidebar-siblings-container input.text-input,
.has-sidebar .sidebar-siblings-container textarea,
.has-sidebar .sidebar-siblings-container select.form-control,
.has-sidebar .sidebar-siblings-container .chosen-container-single .chosen-single,
.remodal input.form-control, .remodal input.text-input, .remodal textarea,
.remodal .chosen-container-single .chosen-single {
  font-size: var(--ako-fs-base) !important;
  font-weight: 400 !important;
  color: var(--ako-text) !important;
}
.has-sidebar .sidebar-siblings-container input::placeholder,
.has-sidebar .sidebar-siblings-container textarea::placeholder,
.remodal input::placeholder, .remodal textarea::placeholder { color: var(--ako-subtle); opacity: 1; font-weight: 400; }
.has-sidebar .sidebar-siblings-container .chosen-container .chosen-single span,
.remodal .chosen-container .chosen-single span { font-weight: 400; }
.has-sidebar .sidebar-siblings-container .chosen-container .chosen-results li,
.remodal .chosen-container .chosen-results li { font-size: var(--ako-fs-base); line-height: 1.7; font-weight: 400; }

/* ---------- دکمه‌ها ---------- */
.has-sidebar .sidebar-siblings-container .ui.button,
.has-sidebar .sidebar-siblings-container .btn,
.remodal .ui.button, .remodal .btn {
  font-size: var(--ako-fs-base) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  letter-spacing: 0;
  border-radius: 8px;
}
.has-sidebar .sidebar-siblings-container .ui.button,
.remodal .ui.button { padding: 10px 22px !important; }
.has-sidebar .sidebar-siblings-container .btn.hamburger-btn { font-size: var(--ako-fs-sm) !important; }

/* ---------- جدول‌ها و لیست‌ها ---------- */
.has-sidebar .sidebar-siblings-container table.table,
.remodal table.table { font-size: var(--ako-fs-sm); line-height: 1.75; }

.has-sidebar .sidebar-siblings-container table.table thead th,
.has-sidebar .sidebar-siblings-container table.table thead td,
.remodal table.table thead th, .remodal table.table thead td {
  font-size: var(--ako-fs-sm) !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  color: var(--ako-text-2) !important;
  padding: 12px 10px !important;
  vertical-align: middle !important;
}
.has-sidebar .sidebar-siblings-container table.table tbody td,
.remodal table.table tbody td {
  font-size: var(--ako-fs-sm);
  font-weight: 400;
  line-height: 1.75;
  color: var(--ako-text);
  padding: 10px !important;
  vertical-align: middle;
}
/* کدها، پلاک‌ها، تاریخ‌ها و شماره‌ها (dir=ltr) در جدول نشکنند؛ ستون‌ها حداقل عرض خوانا */
.has-sidebar .sidebar-siblings-container table.table [dir="ltr"],
.remodal table.table [dir="ltr"] { white-space: nowrap; }

/* فیلترهای انتخابی (همه / جذب‌شده / …) به شکل دکمه‌ی قرصی */
.has-sidebar .mbd-field-list-selective.nav-pills { gap: 4px; }
.has-sidebar .mbd-field-list-selective.nav-pills .nav-link {
  font-size: var(--ako-fs-sm);
  font-weight: 400;
  line-height: 1.6;
  color: var(--ako-text-2);
  padding: 7px 14px;
  border: 1px solid var(--ako-border);
  background-color: var(--ako-surface);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color .15s ease;
}
.has-sidebar .mbd-field-list-selective.nav-pills .nav-link:hover { background-color: var(--ako-head); }
.has-sidebar .mbd-field-list-selective.nav-pills .nav-link.active {
  background-color: var(--ako-navy);
  color: #fff;
  font-weight: 700;
}
.has-sidebar .mbd-field-list-selective.nav-pills:not(.flex-column) { flex-wrap: wrap; }

.has-sidebar .sidebar-siblings-container .col-label { font-size: var(--ako-fs-xs); font-weight: 700; color: var(--ako-muted); }

/* ---------- کادرهای راهنما ---------- */
.has-sidebar .sidebar-siblings-container .alert,
.remodal .alert { font-size: var(--ako-fs-sm); line-height: 1.95; border-radius: var(--ako-radius); }
.has-sidebar .sidebar-siblings-container .alert strong,
.remodal .alert strong { font-size: var(--ako-fs-base); line-height: 1.8; }
.has-sidebar .sidebar-siblings-container .alert ul { margin: 6px 0 0; padding-right: 18px; }

/* ---------- صفحه‌ی پروژه ---------- */
.has-sidebar .prj-tabs a { font-size: var(--ako-fs-sm) !important; font-weight: 400 !important; }
.has-sidebar .prj-tabs a.on { font-weight: 700 !important; }
.has-sidebar .basic-info h3.table-label { font-size: var(--ako-fs-md) !important; font-weight: 700 !important; line-height: 1.7 !important; }
.has-sidebar .prj-banner .text-muted { font-size: var(--ako-fs-sm); }

/* فیلدهای قالبی (جدول/صفحه‌ی سفارشی): برچسب تکراریِ عنوان ماژول پنهان */
.has-sidebar .sd-field:has(> .mbd-field-table) > .sd-field-text { display: none !important; }

/* پنجره‌های بازشو */
.remodal .modal-title strong { font-size: var(--ako-fs-lg); font-weight: 700; line-height: 1.6; }
.remodal .modal-title .small { font-size: var(--ako-fs-sm); line-height: 1.9; }

/* ---------- منوی کناری ---------- */
.sidebar_dynamic .gomenu > ul > li > a,
.sidebar_dynamic .gomenu > ul > li > a > span {
  font-size: var(--ako-fs-base) !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  letter-spacing: 0 !important;
}
.sidebar_dynamic .gomenu > ul > li > a {
  color: var(--ako-text-2);
  padding: 10px 16px !important;
  border-radius: var(--ako-radius) !important;
  transition: background-color .15s ease, color .15s ease;
}
.sidebar_dynamic .gomenu > ul > li { margin-bottom: 2px !important; }
.sidebar_dynamic .gomenu > ul > li:not(.current) > a:hover { background-color: var(--ako-head); color: var(--ako-text); }
.sidebar_dynamic .gomenu > ul > li.current > a,
.sidebar_dynamic .gomenu > ul > li.current > a > span { font-weight: 700 !important; }

/* ---------- نوار پایین (شعار / نظرسنجی) ---------- */
#ncFoot { font-size: var(--ako-fs-sm); line-height: 1.7; }
/* نوار پایین فقط در پنل (صفحه‌های دارای منوی کناری)؛ در سایت اصلی نمایش داده نمی‌شود */
body:not(:has(.has-sidebar)) #ncFoot { display: none !important; }

/* =====================================================================
   موبایل و تبلت (زیر 960px — همان نقطه‌ی شکست قالب)
   ===================================================================== */
@media only screen and (max-width: 959px) {
  /* منوی کشویی: در حالت بسته کاملاً پنهان (قبلاً 40px روی محتوا می‌ماند)،
     باز شدن از سمت راست (راست‌چین)، عرض استاندارد */
  .has-sidebar .sidebar_pos_left.sidebar_dynamic {
    width: min(300px, 85vw) !important;
    flex: 0 0 auto !important;
    max-width: 85vw !important;
    left: auto !important;
    right: 0 !important;
    margin: 0 !important;
    transform: translateX(105%);
    transition: transform .28s ease, box-shadow .28s ease;
    box-shadow: none;
  }
  .show-sidebar .has-sidebar .sidebar_pos_left.sidebar_dynamic,
  html.show-sidebar .sidebar_pos_left.sidebar_dynamic {
    transform: none;
    box-shadow: -8px 0 24px rgba(16, 24, 40, .18);
  }
  .has-sidebar .sidebar_pos_left .sidebar_sticky { padding: 16px 12px !important; }

  /* دکمه‌ی بستن فقط وقتی منو باز است، کنار لبه‌ی چپ منو */
  .has-sidebar .sidebar_pos_left .sidebar-menu-close {
    display: none !important;
    left: auto !important;
    right: 100% !important;
    border-radius: 8px 0 0 8px !important;
  }
  html.show-sidebar .has-sidebar .sidebar_pos_left .sidebar-menu-close { display: flex !important; }

  /* دکمه‌ی باز کردن منو: سمت راست صفحه */
  .sidebar-menu-icon.icon-left {
    position: fixed !important;
    top: 18px !important;
    left: auto !important;
    right: 16px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(16, 24, 40, .18) !important;
    width: 44px !important;
    height: 44px !important;
  }
  html.show-sidebar .sidebar-menu-icon.icon-left { display: none !important; }

  .sidebar_dynamic .gomenu > ul > li > a { padding: 11px 14px !important; }

  /* محتوا: حاشیه‌ی استاندارد 16px و بدون بیرون‌زدگی */
  .has-sidebar .sidebar-siblings-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    max-width: 100% !important;
    min-width: 0;
    overflow-x: hidden;
  }
  .has-sidebar .sidebar-siblings-container .table-responsive { -webkit-overflow-scrolling: touch; }
  /* حذف حاشیه‌های تودرتو (ردیف/کانتینر/فرم) که در موبایل ~80px از هر طرف کم می‌کرد */
  /* (کانتینر داخلی و فرم به‌خاطر margin منفی ردیف‌ها دست نمی‌خورند — فقط لایه‌ی بیرونی) */
  .has-sidebar .sidebar-siblings-container > .container-fluid,
  .has-sidebar .sidebar-siblings-container .container-fluid.row-no-spacing { padding-left: 0 !important; padding-right: 0 !important; }

  /* منوی کشویی بالای زنگوله/هدر، با فاصله از بالا */
  .has-sidebar .sidebar_pos_left.sidebar_dynamic { z-index: 100001 !important; }
  .has-sidebar .sidebar_pos_left .sidebar_sticky { padding-top: 24px !important; }
  .sidebar-menu-icon.icon-left { background-color: var(--ako-navy) !important; z-index: 1000 !important; }

  .has-sidebar .heading_wrapper h2,
  .has-sidebar .heading_wrapper h4,
  .has-sidebar .heading_wrapper h2 span,
  .has-sidebar .heading_wrapper h4 span { font-size: var(--ako-fs-md) !important; }

  /* صفحه‌ی پروژه: تب‌ها افقی و قابل اسکرول، دکمه‌ها تمام‌عرض */
  .has-sidebar .prj-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 4px;
  }
  .has-sidebar .prj-tabs::-webkit-scrollbar { display: none; }
  .has-sidebar .prj-tabs > li { flex: 0 0 auto; }
  .has-sidebar .prj-tabs a { white-space: nowrap; padding: 8px 12px !important; }
  .has-sidebar .actionbtn { width: 100%; }
  .has-sidebar .actionbtn > span { display: block; width: 100%; text-align: center; line-height: 1.7; }
  .has-sidebar .prj-banner .kind { font-size: var(--ako-fs-lg) !important; }

  /* پنجره‌های بازشو */
  .remodal-wrapper { padding: 8px !important; }
  .remodal { padding: 20px 20px !important; max-width: 100% !important; }


  /* نوار پایین: یک خط فشرده؛ شعار در موبایل پنهان */
  #ncFoot { padding: 6px 12px !important; gap: 8px !important; font-size: var(--ako-fs-xs) !important; }
  #ncFoot .slogan { display: none !important; }
  #ncFoot .blink { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100vw - 64px); display: inline-block; vertical-align: middle; }
}

/* گوشی: همه‌ی فیلدهای فرم تمام‌عرض (برخی فیلدها col-3/col-4 بدون نقطه‌ی شکست تعریف شده‌اند) */
@media only screen and (max-width: 575px) {
  .has-sidebar .sd-fields > .sd-field[class*="col-"],
  .has-sidebar .sd-fields .row > .sd-field[class*="col-"],
  .remodal .sd-field[class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* =====================================================================
   پوسته‌ی پنل — نسخه‌ی ۲ (درخواست کاربر ۱۴۰۵/۰۷/۱۴):
   قاب L شکل سرمه‌ای (هدر + منوی کناری)، بوم روشن با انحنا در محل اتصال،
   آیکون منو، هدر اطلاعاتی، کارت ماژول‌ها، فرم‌های پنجره‌ای
   ===================================================================== */
:root {
  --ako-shell: #0b1150;
  --ako-shell-2: #151b6b;
  --ako-canvas: #f3f5fb;
  --ako-accent: #4f46e5;
  --ako-accent-2: #7c3aed;
  --ako-curve: 34px;
}

/* فاصله‌ی بالای همه‌ی صفحه‌ها (سایت اصلی و پنل): قاب ابزارک اعلان‌ها جا اشغال می‌کرد */
#pnlBusinessDirectory1605 { position: absolute !important; top: 0; left: 0; right: 0; height: 0 !important; overflow: visible; z-index: 99990; }
#pnlBusinessDirectory1605 > mbd-form { padding: 0 !important; }
/* قاب نامرئی ابزارک نباید کلیک‌های بالای صفحه (دکمه‌ی منو، منوی کاربر) را بگیرد */
#pnlBusinessDirectory1605, #pnlBusinessDirectory1605 mbd-form, #pnlBusinessDirectory1605 .sd-fields,
#pnlBusinessDirectory1605 .sd-field, #pnlBusinessDirectory1605 .mbd-field-table,
#pnlBusinessDirectory1605 [id^="tblContent"], #pnlBusinessDirectory1605 #ncRoot { pointer-events: none !important; }
#pnlBusinessDirectory1605 #ncRoot > * { pointer-events: auto !important; }

/* ---------- قاب ---------- */
body:has(.has-sidebar) { background: var(--ako-shell) !important; }
body:has(.has-sidebar) #dnn_content { background: linear-gradient(180deg, var(--ako-shell) 0%, #090d42 100%); }
.container.has-sidebar { max-width: 100% !important; width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
.container.has-sidebar > .row { margin-left: 0 !important; margin-right: 0 !important; }
.has-sidebar .sidebar_dynamic { background: transparent !important; }
.has-sidebar .sidebar-siblings-container { background: var(--ako-canvas); }
@media only screen and (min-width: 960px) {
  .has-sidebar .sidebar-siblings-container {
    border-top-right-radius: var(--ako-curve);
    min-height: calc(100vh - 80px);
    padding: 30px 30px 90px !important;
  }
}

/* ---------- هدر پنل: هم‌رنگ قاب، بدون فاصله و غیرچسبان ---------- */
body:has(.has-sidebar) .header-replace { height: auto !important; min-height: 0 !important; }
body:has(.has-sidebar) header.header-wrap {
  position: relative !important; top: auto !important; transform: none !important;
  background: var(--ako-shell) !important; box-shadow: none !important; border: 0 !important;
}
body:has(.has-sidebar) header .header-bg-box,
body:has(.has-sidebar) header .header-center-bg { background: transparent !important; box-shadow: none !important; border: 0 !important; }
body:has(.has-sidebar) header .container { max-width: 100% !important; width: 100% !important; }
body:has(.has-sidebar) header .header-center { display: flex !important; align-items: center; min-height: 80px; padding: 0 20px 0 24px; }
body:has(.has-sidebar) header .area-left { flex: 0 0 16.6667%; max-width: 16.6667%; display: flex; justify-content: center; }
body:has(.has-sidebar) header .header-logo { filter: brightness(0) invert(1); max-height: 46px; width: auto !important; height: auto; }
body:has(.has-sidebar) header .area-center { flex: 1 1 auto; width: auto !important; height: auto !important; padding: 0 22px; display: flex !important; align-items: center; }
body:has(.has-sidebar) header .area-center .header-content-wrap { width: 100%; height: auto !important; }
body:has(.has-sidebar) header .area-right { flex: 0 0 auto; }
body:has(.has-sidebar) header .Login,
body:has(.has-sidebar) header .Login a,
body:has(.has-sidebar) header .userProperties,
body:has(.has-sidebar) header .userProperties > ul > li > a { color: #fff !important; }
body:has(.has-sidebar) .btn-plugin-headerlayout { display: none !important; }

.ako-hinfo { display: flex; flex-direction: column; gap: 6px; color: #fff; }
.ako-hello { font-size: 17px; font-weight: 700; line-height: 1.5; color: #fff; }
.ako-hello b { color: #c7d2fe; font-weight: 700; }
.ako-hmeta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.ako-chip {
  display: inline-flex; align-items: center; gap: 6px; padding: 3px 12px 3px 10px;
  border-radius: 999px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .14);
  font-size: 12.5px; line-height: 1.8; color: #e0e7ff;
}
.ako-ic-sm { width: 15px; height: 15px; }
.ako-slogan { font-size: 13px; line-height: 1.8; color: rgba(255, 255, 255, .66); position: relative; padding-right: 14px; }
.ako-slogan::before { content: ""; position: absolute; right: 0; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 3px rgba(52, 211, 153, .2); }
html.ako-panel #ncFoot .slogan { display: none !important; }

/* ---------- منوی کناری روی قاب سرمه‌ای ---------- */
.has-sidebar .sidebar_dynamic .sidebar-menu { padding: 8px 14px 28px !important; }
.has-sidebar .sidebar_dynamic .sidebar-menu::before {
  content: "منوی اصلی"; display: block; padding: 6px 14px 12px;
  font-size: 12px; line-height: 1.6; color: rgba(255, 255, 255, .45);
}
.sidebar_dynamic .gomenu > ul > li > a {
  display: flex !important; align-items: center; gap: 12px;
  color: rgba(255, 255, 255, .8) !important; background: transparent !important;
  padding: 10px 14px !important; border-radius: 12px !important; box-shadow: none !important;
}
.sidebar_dynamic .gomenu > ul > li > a > span { color: inherit !important; }
.sidebar_dynamic .gomenu > ul > li > a .ako-ic { width: 20px; height: 20px; flex: 0 0 20px; opacity: .9; }
.sidebar_dynamic .gomenu > ul > li:not(.current) > a:hover { background: rgba(255, 255, 255, .08) !important; color: #fff !important; }
.sidebar_dynamic .gomenu > ul > li.current > a {
  background: var(--ako-canvas) !important; color: var(--ako-shell) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .22) !important;
}
.sidebar_dynamic .gomenu > ul > li.current > a .ako-ic { color: var(--ako-accent); opacity: 1; }
/* زیرمنو (مثلاً «مدیریت قوانین») */
.sidebar_dynamic .gomenu ul ul { background: transparent !important; padding: 2px 0 6px !important; }
.sidebar_dynamic .gomenu ul ul li > a {
  color: rgba(255, 255, 255, .66) !important; background: transparent !important;
  font-size: 13px !important; font-weight: 400 !important; padding: 7px 46px 7px 14px !important; border-radius: 10px !important;
}
.sidebar_dynamic .gomenu ul ul li > a:hover,
.sidebar_dynamic .gomenu ul ul li.current > a { color: #fff !important; background: rgba(255, 255, 255, .07) !important; }
.sidebar_dynamic .gomenu ul ul li.current > a { font-weight: 700 !important; }
/* خروج */
.sidebar_dynamic .gomenu > ul > li > a[href*="logoff"] { margin-top: 14px; background: rgba(240, 68, 56, .14) !important; color: #fecdca !important; }
.sidebar_dynamic .gomenu > ul > li > a[href*="logoff"]:hover { background: rgba(240, 68, 56, .24) !important; color: #fff !important; }

/* ---------- کارت ماژول‌ها روی بوم ---------- */
.has-sidebar .sidebar-siblings-container .DnnModule:not(.ako-formhost) {
  background: #fff; border-radius: 18px; padding: 22px 24px 18px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 20px rgba(16, 24, 40, .06);
  margin-bottom: 24px;
}
.has-sidebar .sidebar-siblings-container .DnnModule.ako-formhost:not(.ako-formhost-inline) { display: none !important; }
.has-sidebar .sidebar-siblings-container .DnnModule.ako-formhost-inline { background: transparent; box-shadow: none; padding: 0; }
.has-sidebar .heading_wrapper.ako-head-with-action { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.has-sidebar .heading_wrapper.ako-head-with-action > * { margin-bottom: 0 !important; }

/* ---------- دکمه‌ی افزودن ---------- */
.ako-add-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: linear-gradient(135deg, var(--ako-accent), var(--ako-accent-2));
  color: #fff; border: 0; border-radius: 12px; padding: 9px 18px 9px 16px;
  font-family: inherit; font-size: 14px; font-weight: 700; line-height: 1.6;
  box-shadow: 0 6px 16px rgba(79, 70, 229, .3); cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}
.ako-add-btn:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(79, 70, 229, .36); color: #fff; }
.ako-add-btn:focus-visible { outline: 3px solid #c7d2fe; outline-offset: 2px; }
.ako-plus { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: rgba(255, 255, 255, .22); font-size: 17px; line-height: 1; }
.ako-addbar-inline { padding: 4px 0 8px; }

/* ---------- پنجره‌ی فرم ---------- */
.remodal-overlay { background: rgba(9, 12, 50, .55) !important; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.remodal.ako-form-modal {
  max-width: 960px !important; width: 100%; padding: 0 !important; text-align: right;
  border-radius: 20px; overflow: hidden; background: #fff; box-shadow: 0 24px 60px rgba(9, 12, 50, .35);
}
.ako-form-modal .ako-modal-head { background: linear-gradient(135deg, var(--ako-shell) 0%, #312e81 100%); color: #fff; padding: 22px 28px 20px 64px; }
.ako-form-modal .ako-modal-head strong { display: block; font-size: 18px; font-weight: 700; line-height: 1.6; color: #fff; }
.ako-modal-sub { margin-top: 4px; font-size: 13px; line-height: 1.85; color: rgba(255, 255, 255, .75); }
.ako-form-modal > .row { margin: 0 !important; padding: 24px 16px 8px; }
.ako-form-modal .remodal-close { z-index: 3; top: 16px !important; left: 16px !important; right: auto !important; color: #fff !important; width: 36px; height: 36px; border-radius: 10px; background: rgba(255, 255, 255, .12); }
.ako-form-modal .remodal-close:hover { background: rgba(255, 255, 255, .22); }
.ako-form-modal button.ui.primary { min-width: 140px; }

/* پیام کوتاه */
.ako-toast {
  position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 2147483000;
  padding: 12px 22px; border-radius: 12px; background: #12b76a; color: #fff;
  font-size: 14px; line-height: 1.7; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); direction: rtl;
}


/* ستون میانی هدر: فقط نوار اطلاعات (محتوای پنهان دیگر قالب نمایش داده نشود) */
body:has(.has-sidebar) header .area-center .header-content-wrap > *:not(.ako-hinfo) { display: none !important; }
/* عرض ثابت منوی کناری در دسکتاپ تا عنوان‌ها با آیکون یک‌خطی بمانند */
@media only screen and (min-width: 960px) {
  .has-sidebar > .row > .sidebar_dynamic { flex: 0 0 264px !important; max-width: 264px !important; width: 264px !important; }
  .has-sidebar > .row > .sidebar-siblings-container { flex: 1 1 auto !important; max-width: calc(100% - 264px) !important; width: auto !important; }
  .has-sidebar .sidebar_dynamic .sidebar_sticky { width: 264px !important; }
  body:has(.has-sidebar) header .area-left { flex: 0 0 244px; max-width: 244px; }
}


/* پنجره‌ی اختصاصی فرم‌ها */
.ako-mo { position: fixed; inset: 0; z-index: 100050; display: none; overflow-y: auto; padding: 48px 16px; background: rgba(9, 12, 50, .55); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.ako-mo.ako-open { display: block; animation: akoFade .18s ease-out; }
.ako-mo .remodal.ako-form-modal { display: block !important; margin: 0 auto; position: relative; transform: none !important; visibility: visible !important; opacity: 1 !important; animation: akoRise .22s ease-out; }
html.ako-mo-lock, html.ako-mo-lock body { overflow: hidden !important; }
@keyframes akoFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes akoRise { from { transform: translateY(14px); opacity: .6; } to { transform: none; opacity: 1; } }
.ako-mo .remodal-close { position: absolute; display: grid; place-items: center; border: 0; cursor: pointer; font-size: 0; }
.ako-mo .remodal-close::before { content: "×"; font-family: Arial, sans-serif; font-size: 26px; line-height: 1; color: #fff; position: static; width: auto; }
/* لوگوی هدر پنل (SVG بدون عرض ذاتی) */
body:has(.has-sidebar) header .area-left .logo img { width: 168px !important; max-width: 168px !important; height: auto !important; }
@media only screen and (max-width: 959px) {
  body:has(.has-sidebar) header .area-left .logo img { width: 112px !important; }
  .ako-mo { padding: 12px 8px; }
}
/* منوی کشویی کاربر در هدر */
body:has(.has-sidebar) header .userProperties li.userName { position: relative; }
body:has(.has-sidebar) header .userProperties ul.userMenu {
  background: #fff !important; border-radius: 14px; padding: 8px !important; min-width: 220px;
  box-shadow: 0 16px 40px rgba(9, 12, 50, .25); top: 100%; left: 0; right: auto; z-index: 100010;
}
body:has(.has-sidebar) header .userProperties ul.userMenu li a { color: var(--ako-text-2) !important; display: block; padding: 7px 12px; border-radius: 8px; font-size: 13px; line-height: 1.7; }
body:has(.has-sidebar) header .userProperties ul.userMenu li a:hover { background: var(--ako-head); color: var(--ako-text) !important; }


/* هدر پنل غیرچسبان (قانون قالب برای floating-nav-sticky قوی‌تر بود) */
html body:has(.has-sidebar) .header-replace.sticky-fixed > header.header-wrap.floating-nav,
html body:has(.has-sidebar) .header-replace > header.header-wrap.floating-nav-sticky,
html body:has(.has-sidebar) header.header-wrap.floating-nav.floating-nav-sticky { position: relative !important; top: auto !important; left: auto !important; right: auto !important; width: 100% !important; }


/* نوار پایین در پنل: شناور و شفاف */
html.ako-panel #ncFoot { background: transparent !important; box-shadow: none !important; border: 0 !important; justify-content: center; pointer-events: none; padding-bottom: 10px !important; }
html.ako-panel #ncFoot > * { pointer-events: auto; }
html.ako-panel #ncFoot .blink { box-shadow: 0 6px 18px rgba(9, 12, 50, .14); }


/* فرم داخل قاب تا باز شدن پنجره پنهان است (کتابخانه‌ی remodal همه‌جا بارگذاری نمی‌شود) */
.ako-formwrap > .remodal.ako-form-modal { display: none !important; }


/* منوی مدیریتی DNN و ابزار قالب در پنل: پیش‌فرض پنهان؛ دکمه‌ی چرخ‌دنده (فقط برای دارندگان دسترسی) نشانش می‌دهد */
html:not(.ako-pb-show) body:has(.has-sidebar) #personaBar-iframe,
html:not(.ako-pb-show) body:has(.has-sidebar) .personabar-placeholder,
html:not(.ako-pb-show) body:has(.has-sidebar) .SkinPluginPro_icon,
html:not(.ako-pb-show) body:has(.has-sidebar) .btn-plugin { display: none !important; }
html:not(.ako-pb-show) body.personabar-visible:has(.has-sidebar) { margin-right: 0 !important; margin-left: 0 !important; }
.ako-pb-toggle {
  position: fixed; left: 16px; bottom: 64px; z-index: 100040; width: 42px; height: 42px;
  display: grid; place-items: center; border: 0; border-radius: 12px; cursor: pointer;
  background: var(--ako-shell); color: #c7d2fe; box-shadow: 0 8px 20px rgba(9, 12, 50, .3);
  opacity: .55; transition: opacity .15s ease, transform .15s ease;
}
.ako-pb-toggle:hover, .ako-pb-toggle:focus-visible, .ako-pb-toggle[aria-pressed="true"] { opacity: 1; }
.ako-pb-toggle:hover { transform: rotate(30deg); }
.ako-pb-toggle .ako-ic { width: 20px; height: 20px; }
@media only screen and (max-width: 575px) {
  #ncPanel { left: 8px !important; right: 8px !important; width: auto !important; max-width: none !important; }
  body:has(.has-sidebar) header .userProperties li.userName > a { font-size: 0 !important; }
  body:has(.has-sidebar) header .userProperties li.userName > a::after { font-size: 12px; }
}

/* ---------- موبایل/تبلت ---------- */
@media only screen and (max-width: 959px) {
  .has-sidebar .sidebar_pos_left.sidebar_dynamic { background: linear-gradient(180deg, var(--ako-shell) 0%, #090d42 100%) !important; }
  .has-sidebar .sidebar-siblings-container { border-radius: 22px 22px 0 0; padding-top: 22px !important; min-height: 70vh; }
  body:has(.has-sidebar) .header-replace { display: block !important; }
  body:has(.has-sidebar) header.header-wrap { display: block !important; }
  body:has(.has-sidebar) header .header-center { min-height: 76px; padding: 0 76px 0 12px; }
  body:has(.has-sidebar) header .area-left, body:has(.has-sidebar) header .area-right { display: flex !important; align-items: center; }
  body:has(.has-sidebar) header .area-left { flex: 0 0 auto; max-width: none; }
  body:has(.has-sidebar) header .header-logo { max-height: 34px; }
  body:has(.has-sidebar) header .area-center { padding: 0 12px; }
  .ako-hello { font-size: 14px; }
  .ako-slogan { display: none; }
  .ako-chip { font-size: 11.5px; }
  .has-sidebar .sidebar-siblings-container .DnnModule:not(.ako-formhost) { padding: 16px 14px; border-radius: 14px; }
  .ako-form-modal .ako-modal-head { padding: 18px 18px 16px 58px; }
  .ako-form-modal > .row { padding: 18px 6px 4px; }
  .has-sidebar .heading_wrapper.ako-head-with-action .ako-add-btn { padding: 8px 14px; font-size: 13px; }
}
@media only screen and (max-width: 575px) {
  body:has(.has-sidebar) header .area-center { display: none !important; }
}

/* =====================================================================
   موبایل — نسخه‌ی ۳ (دستگاه واقعی موبایل: سرور هدر موبایل را می‌سازد)
   ===================================================================== */
/* هدر موبایل پنل: فقط نوار سرمه‌ای بالا، غیرچسبان؛ نوار سفید همبرگری حذف */
body:has(.has-sidebar) .mobile-header-replace { height: auto !important; min-height: 0 !important; }
body:has(.has-sidebar) header.mobile-header { position: relative !important; top: auto !important; transform: none !important; box-shadow: none !important; background: var(--ako-shell) !important; }
body:has(.has-sidebar) header.mobile-header .header-mobile-bg { display: none !important; }
body:has(.has-sidebar) header.mobile-header .header-mobile-top-bg { background: transparent !important; }
body:has(.has-sidebar) header.mobile-header .header-mobile-top { display: flex !important; align-items: center; min-height: 58px; padding: 0 12px !important; gap: 8px; }
body:has(.has-sidebar) header.mobile-header .header-mobile-top .area-right { order: 0; }
body:has(.has-sidebar) header.mobile-header .head-mobile-static,
body:has(.has-sidebar) header.mobile-header .head-mobile-static a { color: #e0e7ff !important; font-size: 12.5px; }
body:has(.has-sidebar) header.mobile-header .head-mobile-static-right a { display: none; } /* ایمیل: فقط آیکون (جا کم است) */
.sidebar-menu-icon.ako-in-header {
  position: static !important; display: flex !important; flex: 0 0 40px; width: 40px !important; height: 40px !important;
  margin: 0 !important; border-radius: 12px !important; background: rgba(255, 255, 255, .12) !important; box-shadow: none !important;
}
.ako-mstrip {
  display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap;
  padding: 2px 16px 16px; background: var(--ako-shell); color: #fff;
}
.ako-mstrip .ako-hello { font-size: 14px; }
.ako-mstrip .ako-chip { font-size: 11.5px; }
body:not(:has(.has-sidebar)) .ako-mstrip { display: none; }

/* ---------- پنجره‌ها در موبایل: پنل پایین‌صفحه (حس اپ) ---------- */
@media only screen and (max-width: 767px) {
  /* پنجره‌های فرم پنل */
  .ako-mo { padding: 0 !important; }
  .ako-mo.ako-open { display: flex !important; align-items: flex-end; }
  .ako-mo .remodal.ako-form-modal {
    width: 100% !important; max-width: 100% !important; margin: 0 !important;
    border-radius: 24px 24px 0 0 !important; max-height: 92vh; overflow-y: auto; -webkit-overflow-scrolling: touch;
    animation: akoSheet .28s cubic-bezier(.2, .8, .2, 1) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
  }
  .ako-form-modal .ako-modal-head { position: sticky; top: 0; z-index: 2; padding-top: 26px !important; }
  .ako-form-modal .ako-modal-head::before {
    content: ""; position: absolute; top: 9px; left: 50%; width: 42px; height: 5px; margin-left: -21px;
    border-radius: 3px; background: rgba(255, 255, 255, .45);
  }
  .ako-form-modal .remodal-close { top: 20px !important; z-index: 3; position: absolute !important; }

  /* سایر پنجره‌ها (کتابخانه‌ی remodal، مثل پنجره‌های صفحه‌ی پروژه و تأیید سفارش) */
  .remodal-wrapper { padding: 0 !important; overflow: hidden !important; }
  .remodal-wrapper::after { display: none !important; }
  .remodal-wrapper > .remodal {
    position: absolute !important; left: 0; right: 0; bottom: 0; margin: 0 !important;
    width: 100% !important; max-width: 100% !important; max-height: 92vh; overflow-y: auto; -webkit-overflow-scrolling: touch;
    border-radius: 24px 24px 0 0 !important; padding: 30px 18px calc(18px + env(safe-area-inset-bottom)) !important;
    text-align: right;
  }
  .remodal-wrapper > .remodal::before {
    content: ""; position: absolute; top: 9px; left: 50%; width: 42px; height: 5px; margin-left: -21px;
    border-radius: 3px; background: #d0d5dd;
  }
  .remodal-wrapper > .remodal.remodal-is-opening { animation: akoSheet .28s cubic-bezier(.2, .8, .2, 1) !important; }
  .remodal-wrapper > .remodal.remodal-is-closing { animation: akoSheetOut .2s ease-in !important; }

  /* فیلدها در موبایل: هر فیلد یک سطر */
  .remodal .sd-field[class*="col-"], .ako-mo .sd-field[class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; }
  .remodal button.ui.primary, .ako-mo button.ui.primary { width: 100%; min-height: 48px; }
}
@keyframes akoSheet { from { transform: translateY(100%); } to { transform: translateY(0); } }
@keyframes akoSheetOut { from { transform: translateY(0); } to { transform: translateY(100%); } }

/* منوی کشویی کاربر (پویا؛ برای ادمین طولانی است) */
header .userProperties ul.userMenu { max-height: min(70vh, 560px); overflow-y: auto; overscroll-behavior: contain; }

/* هدر: بدون خوشامد؛ تاریخ و شعار در یک ردیف، وسط‌چین */
.ako-hinfo { align-items: center; justify-content: center; width: 100%; }
.ako-hmeta { justify-content: center; align-items: center; gap: 14px; }
.ako-hmeta .ako-chip, .ako-hmeta .ako-slogan { display: inline-flex; align-items: center; line-height: 1.8; }
.ako-slogan::before { position: static; margin: 0 0 0 8px; display: inline-block; flex: 0 0 6px; }
.ako-slogan { padding-right: 0; }
.ako-mstrip { justify-content: center; padding: 0 16px 14px; }

/* نوار ثابت پایین (شعار/انتقادات) حذف شد: شعار در هدر، انتقادات در منوی کاربر */
#ncFoot { display: none !important; }
#ncFb {
  top: 50% !important; left: 50% !important; bottom: auto !important; right: auto !important;
  transform: translate(-50%, -50%); width: min(480px, 92vw) !important; max-width: none !important;
  border-radius: 18px !important; padding: 22px !important; border: 0 !important;
  box-shadow: 0 0 0 100vmax rgba(9, 12, 50, .45), 0 24px 60px rgba(9, 12, 50, .35) !important; z-index: 100060 !important;
}
#ncFb strong { font-size: 16px; }
#ncFb textarea { min-height: 120px; border-radius: 10px; }
@media only screen and (max-width: 767px) {
  #ncFb { top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important; transform: none; width: 100% !important; border-radius: 24px 24px 0 0 !important; padding: 26px 18px calc(18px + env(safe-area-inset-bottom)) !important; animation: akoSheet .28s cubic-bezier(.2, .8, .2, 1); }
}

.has-sidebar .ako-listbar { display: flex; justify-content: flex-end; margin-bottom: 14px; }

/* تب‌های صفحه‌های چندلیستی */
.ako-ptabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 18px; padding: 6px; background: #fff; border-radius: 14px; box-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 20px rgba(16, 24, 40, .06); }
.ako-ptabs button { border: 0; background: transparent; color: var(--ako-text-2); font-family: inherit; font-size: 13.5px; line-height: 1.6; padding: 9px 16px; border-radius: 10px; cursor: pointer; transition: background-color .15s ease, color .15s ease; }
.ako-ptabs button:hover { background: var(--ako-head); color: var(--ako-text); }
.ako-ptabs button.on { background: var(--ako-shell); color: #fff; font-weight: 700; }
.has-sidebar .DnnModule.ako-tab-hidden { display: none !important; }
@media only screen and (max-width: 767px) {
  .ako-ptabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .ako-ptabs::-webkit-scrollbar { display: none; }
  .ako-ptabs button { white-space: nowrap; flex: 0 0 auto; }
}

/* تقویم شمسی همیشه بالای پنجره‌ها/پنل پایین‌صفحه دیده و قابل انتخاب باشد */
.datepicker-container, .datepicker-plot-area, .pwt-datepicker, .adm-dtp-container, .datepicker-container * { z-index: 2147483001 !important; }
.datepicker-container { position: absolute !important; }
.datepicker-plot-area { box-shadow: 0 16px 40px rgba(9, 12, 50, .28) !important; border-radius: 14px !important; border: 0 !important; }

@media only screen and (max-width: 767px) {
  /* تقویم در موبایل: پنل پایین‌صفحه به‌جای تمام‌صفحه */
  .datepicker-plot-area {
    position: fixed !important; top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
    width: 100% !important; height: auto !important; max-height: 82vh; overflow-y: auto;
    border-radius: 24px 24px 0 0 !important; padding: 18px 10px calc(14px + env(safe-area-inset-bottom)) !important;
    box-shadow: 0 0 0 100vmax rgba(9, 12, 50, .45), 0 -10px 30px rgba(9, 12, 50, .2) !important;
    animation: akoSheet .26s cubic-bezier(.2, .8, .2, 1);
  }
  .datepicker-plot-area .table-days td span { min-height: 40px; line-height: 40px !important; }
}

/* ---------- فیلدهای کشویی (chosen) در همه‌ی فرم‌های MBD ----------
   متن به لبه‌ها نچسبد؛ دکمه‌ی «×» (خالی کردن) که با right:3px روی متن راست‌چین می‌افتاد، کنار فلش سمت چپ */
.mbd-field-dropdownlist { position: relative; }
.mbd-field-dropdownlist .chosen-container-single .chosen-single {
  height: 42px !important; line-height: 40px !important; padding: 0 14px 0 10px !important;
  border: 1px solid #d0d5dd !important; border-radius: 10px !important; background: #fff !important; box-shadow: none !important;
}
.mbd-field-dropdownlist .chosen-container-single .chosen-single span { margin: 0 0 0 44px !important; line-height: 40px !important; }
.mbd-field-dropdownlist .chosen-container-single .chosen-single div { left: 8px !important; right: auto !important; width: 18px; }
.mbd-field-dropdownlist .chosen-container-single .chosen-single div b { background-position-y: 11px !important; }
.mbd-field-dropdownlist .chosen-container-active .chosen-single { border-color: var(--ako-accent, #4f46e5) !important; box-shadow: 0 0 0 3px rgba(79, 70, 229, .12) !important; }
.mbd-field-dropdownlist .chosen-container { width: 100% !important; }
.mbd-field-dropdownlist .chosen-container.form-control { border: 0 !important; padding: 0 !important; height: auto !important; background: transparent !important; box-shadow: none !important; }

.mbd-field-dropdownlist .chosen-container .chosen-drop { border-radius: 0 0 10px 10px; border-color: #d0d5dd; }
.mbd-field-dropdownlist .chosen-container .chosen-results li { padding: 8px 12px !important; }
.mbd-field-dropdownlist .mbd-chosen-clear-btn {
  right: auto !important; left: 28px !important; top: 50% !important; transform: translateY(-50%);
  width: 20px; height: 20px; text-align: center; padding: 0 !important; line-height: 20px !important;
  border-radius: 50%; color: #98a2b3 !important; z-index: 2;
}
.mbd-field-dropdownlist .mbd-chosen-clear-btn:hover { background: #f2f4f7; color: #475467 !important; }

/* ورودی‌های متنی فرم‌ها هم‌قد و هم‌قاب با کشویی‌ها */
.sd-field .ui.input > input, .sd-field input.text-input:not(.chosen-search-input), .sd-field .mbd-field-persian-date input {
  height: 42px; border: 1px solid #d0d5dd !important; border-radius: 10px !important; padding: 0 12px !important; background: #fff !important;
}
.sd-field .ui.input > input:focus, .sd-field input.text-input:not(.chosen-search-input):focus { border-color: var(--ako-accent, #4f46e5) !important; box-shadow: 0 0 0 3px rgba(79, 70, 229, .12) !important; outline: 0; }
.sd-field textarea { border: 1px solid #d0d5dd !important; border-radius: 10px !important; padding: 10px 12px !important; }

/* ---------- واحد چسبیده به انتهای ورودی (Number: Unit، Price: Symbol) ---------- */
.ui.input.ako-has-unit { display: flex !important; align-items: stretch; flex-wrap: nowrap; }
.ui.input.ako-has-unit > input { flex: 1 1 auto; min-width: 0; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.ui.input.ako-has-unit > .ako-unit {
  display: flex; align-items: center; flex: 0 0 auto; padding: 0 12px; white-space: nowrap;
  background: #f2f4f7; color: #475467; font-size: 13px; line-height: 1;
  border: 1px solid #d0d5dd; border-right: 0; border-radius: 10px 0 0 10px; min-height: 42px;
}
.ui.input.ako-has-unit > input:focus + .ako-unit { border-color: var(--ako-accent, #4f46e5); }

/* جداکننده‌ی گروه ستون‌ها (سراسری؛ ako-panel.js از colspan سطر گروه حساب می‌کند) */
.ako-grid .iransite-customers .ako-gend,
.ako-grid .iransite-customers .group-header th:not(:last-child) { border-left: 1px solid #d9d9d9 !important; }
@media only screen and (max-width: 767px) { .ako-grid .iransite-customers .ako-gend { border-left: 0 !important; } }

.has-sidebar .sidebar-siblings-container .DnnModule.ako-empty-mod { background: transparent !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; min-height: 0 !important; }

/* عنوان بخش‌ها در منوی کناری */
.sidebar_dynamic .gomenu > ul > li.ako-msec {
  padding: 16px 14px 6px; margin: 0 !important; font-size: 11.5px; line-height: 1.6; font-weight: 700;
  color: rgba(255, 255, 255, .42); letter-spacing: 0; list-style: none; pointer-events: none;
}
.sidebar_dynamic .gomenu > ul > li.ako-msec:first-child { padding-top: 4px; }

/* جدول‌های پرستون: اسکرول افقی داخل کارت (نه بیرون‌زدن از کارت) */
@media only screen and (min-width: 768px) {
  .ako-grid > .card-body { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .ako-grid > .card-body > table { min-width: 100%; }
}

/* نوار بالای فهرست‌های مشتری: عنوان/توضیح + دکمه‌ی ثبت */
.has-sidebar .ako-listbar.ako-listbar-split { justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 18px; }
.ako-listbar-text { font-size: 16px; font-weight: 700; line-height: 1.7; color: var(--ako-text); }
.ako-listbar-text .small { font-size: 12.5px; font-weight: 400; margin-top: 2px; }
a.ako-add-btn { text-decoration: none !important; }
/* نشان وضعیت */
.ako-badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: 12.5px; line-height: 1.7; background: #f2f4f7; color: #344054; white-space: nowrap; }
.ako-badge.is-ok { background: #ecfdf3; color: #027a48; }
.ako-badge.is-wait { background: #eff4ff; color: #3538cd; }
.ako-badge.is-bad { background: #fef3f2; color: #b42318; }
.ako-badge.is-warn { background: #fffaeb; color: #b54708; }