/* =========================================================
   Artistun Dashboard — ACCESSIBLE RTL + FLYOUTS (flush)
   ========================================================= */

/* ---- Fonts ---- */
@font-face{
  font-family:'Shabnam';
  src:url('../../fonts/Shabnam.ttf') format('truetype');
  font-weight:400;font-style:normal;font-display:swap;
}

/* ---- Vars ---- */
:root{
  --bg:#f6f7f9; --panel:#fff; --text:#1f2937; --muted:#667085; --line:#e5e7eb;

  /* آبی‌ها */
  --brand-primary:#0b66d6;
  --brand-600:#0957b6;
  --brand-700:#074999;
  --brand-soft:#e9f2ff;
  --brand-ring:#cfe3ff;
  --accent:#78b5ff;

  --danger:#dc3545; --success:#22c55e;

  --r-lg:12px; --r-md:8px; --shadow:0 10px 24px rgba(15,23,42,.12);
  --sp-1:6px; --sp-2:10px; --sp-3:12px; --sp-4:16px; --sp-5:20px;

  --fs-12:12px; --fs-13:13px; --fs-14:14px; --fs-16:16px; --fs-18:18px;
  --sidebar-w:230px; --t:.18s ease; --acc:.28s ease;

  --flyout-gap:0px;             /* مماس */
  --flyout-delay:.09s;          /* بازشدن نرم و کوتاه */
  --flyout-close-delay:.20s;    /* بستن کمی دیرتر */
}

/* ---- Base ---- */
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:'Shabnam',system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  background:var(--bg);color:var(--text);font-size:var(--fs-14);direction:rtl;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
a{color:inherit}
a:focus-visible,button:focus-visible{
  outline:2px solid #5b9cff; outline-offset:2px; border-radius:8px;
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* ---- Layout root ---- */
.artistun-dashboard-wrapper{display:flex;min-height:100vh;position:relative;z-index:0;overflow:visible}
.artistun-dashboard-wrapper,.artistun-sidebar,.artistun-content,.content-inner{overflow:visible!important}

/* ---- Mobile-only containers default hidden on desktop ---- */
.artistun-header,
.artistun-bottom-nav,
.artistun-overlay{
  display:none; /* در دسکتاپ پنهان */
}

/* ---- Hamburger (mobile) ---- */
.artistun-hamburger{
  position:fixed;top:10px;right:10px;z-index:4000;
  inline-size:40px;block-size:40px;border-radius:10px;border:1px solid var(--line);
  background:var(--panel);color:var(--muted);display:none;align-items:center;justify-content:center;
  box-shadow:var(--shadow);cursor:pointer;transition:color var(--t),border-color var(--t),transform var(--t)
}
.artistun-hamburger:hover{color:var(--brand-primary);border-color:var(--brand-ring);transform:translateY(-1px)}
.artistun-hamburger i{font-size:18px}

/* ---- Sidebar ---- */
.artistun-sidebar{
  inline-size:var(--sidebar-w);background:var(--panel);border-left:1px solid var(--line);
  position:fixed;inset:0 0 0 auto;z-index:4000;
  display:flex;flex-direction:column;padding:var(--sp-3) var(--sp-3) var(--sp-5); /* بالایی کمتر تا لوگو بچسبه بالا */
  transition:transform var(--t);overflow-y:auto;overflow-x:visible;
}
.artistun-profile{
  display:block;text-decoration:none;text-align:center;margin:0 0 var(--sp-4); /* حذف فاصله بالایی */
}
.artistun-profile img{
  inline-size:112px; /* بزرگ‌تر */
  block-size:auto;object-fit:contain;display:block;margin:0 auto var(--sp-2)
}
.artistun-profile-info{color:var(--text)}
.artistun-profile-name{font-weight:600}
.artistun-profile-role-unit{display:block;margin-top:4px;font-size:var(--fs-12);color:var(--muted)}

/* ---- Menu ---- */
.artistun-menu-wrapper{flex:1 1 auto;overflow-y:auto;overflow-x:visible;scrollbar-gutter:stable}
.artistun-menu{list-style:none}
.artistun-menu > li{position:relative}

.menu-link,.submenu-link{
  display:grid;grid-template-columns:24px 1fr 16px;align-items:center;gap:10px;
  text-decoration:none;user-select:none;font-size:var(--fs-14);
  color:var(--muted);padding:10px 12px;border-radius:10px;
  transition:background var(--t),color var(--t),border-color var(--t),box-shadow var(--t)
}
.menu-link i:first-child,.submenu-link i:first-child{
  font-size:16px;justify-self:start;opacity:.95;transition:color var(--t),opacity var(--t)
}
.menu-link span,.submenu-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* فلش‌ها به چپ */
.submenu-toggle{
  justify-self:end;color:#95a3b8;font-size:11px;transition:transform var(--t),color var(--t);
  transform:rotate(90deg);
}

/* حالت هاور/اکتیو تایتل وقتی فلای‌اوت باز است */
.menu-link:hover,
.menu-item.flyout-open > .menu-link{
  background:var(--brand-soft);
  color:var(--brand-primary);
  box-shadow:inset 0 0 0 1px var(--brand-ring);
}
.menu-link:hover i:first-child,
.menu-item.flyout-open > .menu-link i:first-child{ color:var(--brand-primary) }

/* ---- Submenu (موبایل آکاردئونی) ---- */
.artistun-submenu{list-style:none;padding:0 10px;max-height:0;overflow:hidden;transition:max-height var(--acc),padding var(--acc)}
.has-submenu.active > .artistun-submenu{max-height:520px;padding-block:6px}
.artistun-submenu .submenu-item{margin:2px 0}
.artistun-submenu .submenu-link{background:#f9fbff}
.artistun-submenu .submenu-link:hover,
.artistun-submenu .submenu-item.active > .submenu-link{
  background:var(--brand-soft);color:var(--brand-primary);box-shadow:inset 3px 0 0 0 var(--accent)
}

/* ---- Buttons ---- */
.artistun-buttons{display:flex;gap:10px;justify-content:center;margin-top:var(--sp-5)}
.cache-clear-button,.logout-button{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;
  font-size:var(--fs-14);text-decoration:none;box-shadow:var(--shadow);transition:filter var(--t),opacity var(--t)
}
.cache-clear-button{
  background:var(--brand-primary);color:#fff;border:0;cursor:pointer;
  font-family:'Shabnam',system-ui,-apple-system,Segoe UI,Arial,sans-serif; /* الزام شبنم */
}
.cache-clear-button:hover{filter:brightness(.95)}
.cache-clear-button.disabled{opacity:.7;cursor:not-allowed}
.logout-button{background:var(--danger);color:#fff}
.logout-button:hover{filter:brightness(.95)}

/* ---- Content ---- */
.artistun-content{
  width:calc(100% - var(--sidebar-w)); margin-right:var(--sidebar-w);
  background:var(--bg); min-height:100vh; position:relative; z-index:1000; overflow:visible;
}
.content-inner{width:96%;margin:0 auto;padding:var(--sp-5)}
.dashboard-section{margin-top:var(--sp-5);background:var(--panel);border-radius:var(--r-lg);padding:var(--sp-5);border:1px solid var(--line)}

/* ---- Popup ---- */
.cache-clear-popup{
  display:none;position:fixed;top:20px;right:20px;z-index:4500;background:var(--success);color:#fff;
  padding:10px 14px;border-radius:12px;box-shadow:var(--shadow);opacity:0;transition:opacity .4s ease
}
.cache-clear-popup.show{display:block;opacity:1}

/* =========================================================
   DESKTOP Flyouts (>= 992px) — روی محتوا و مماس سایدبار
   ========================================================= */
@media (min-width:992px){
  .artistun-submenu{max-height:none!important;padding:0!important;overflow:visible;transition:none}
  .menu-link{padding:10px 10px}

  .artistun-menu > .menu-item.has-submenu{position:relative;z-index:4200}

  .artistun-menu > .menu-item.has-submenu > .artistun-submenu{
    position:absolute;top:0;right:calc(100% + var(--flyout-gap));
    min-inline-size:240px;background:var(--panel);border:1px solid var(--line);border-radius:12px;
    box-shadow:var(--shadow);padding:8px;display:none;opacity:0;
    transform:translateX(6px); /* کمی نرم */
    pointer-events:none;z-index:5000;transition:opacity .18s ease, transform .18s ease;
  }
  .artistun-menu > .menu-item.has-submenu:hover > .artistun-submenu,
  .artistun-menu > .menu-item.has-submenu:focus-within > .artistun-submenu,
  .artistun-menu > .menu-item.has-submenu.hover-intent > .artistun-submenu{
    display:block;opacity:1;pointer-events:auto;transform:none;transition-delay:var(--flyout-delay);
  }

  .artistun-submenu .submenu-item{position:relative;margin:0}
  .artistun-submenu .submenu-link{
    background:transparent;border-radius:8px;padding:8px 10px;color:var(--text);
    transition:background .18s ease,color .18s ease,border-color .18s ease;
    border-right:3px solid transparent;
  }
  .artistun-submenu .submenu-link:hover,
  .artistun-submenu .submenu-item:focus-within > .submenu-link,
  .artistun-submenu .submenu-item.active > .submenu-link{
    background:var(--brand-soft);
    color:var(--brand-600);
    border-right-color:var(--accent);
  }
}

/* =========================================================
   MOBILE / TABLET (<= 768px)
   ========================================================= */
@media (max-width:768px){
  /* هدر موبایل */
  .artistun-header{
    display:flex;position:sticky;top:0;inset-inline:0;background:var(--panel);
    padding:8px 12px;height:52px;z-index:4100;align-items:center;justify-content:space-between;
    border-bottom:1px solid var(--line);
  }
  .artistun-hamburger{display:flex}

  /* سایدبار به صورت دراور */
  .artistun-sidebar{
    inline-size:80%;max-inline-size:var(--sidebar-w);
    transform:translateX(100%);top:0;height:100%;
  }
  .artistun-sidebar.active{transform:translateX(0)}

  /* اوورلی پشت دراور */
  .artistun-overlay{
    display:block;position:fixed;inset:0;background:rgba(2,6,23,.28);
    z-index:4050; /* زیر سایدبار (4000+) و بالای محتوا */
  }
  .artistun-overlay[hidden]{display:none}

  /* محتوا */
  .artistun-content{width:100%;margin-right:0}
  .content-inner{width:96%;padding:16px}

  /* نوار پایین موبایل (۵ آیتم) */
  .artistun-bottom-nav{
    display:flex;position:fixed;bottom:0;inset-inline:0;background:var(--panel);
    border-top:1px solid var(--line);height:64px;z-index:4080;
    padding-bottom:env(safe-area-inset-bottom);
  }
  .artistun-bottom-nav .bnav-item{
    flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-decoration:none;font-size:12px;color:var(--muted);gap:4px;
    -webkit-tap-highlight-color:transparent;user-select:none
  }
  .artistun-bottom-nav .bnav-item i{font-size:18px;opacity:.95}
  .artistun-bottom-nav .bnav-item.active{
    background:var(--brand-primary);color:#fff;
  }
  .artistun-bottom-nav .bnav-item.active i{color:#fff}

  /* فاصله‌ی امن پایین محتوا تا روی نوار نرود */
  .artistun-content{padding-bottom:72px}

  /* دکمه‌ها در موبایل تمام‌عرض */
  .cache-clear-button,.logout-button{width:100%;justify-content:center}

  /* پاپ‌آپ به‌روزرسانی جای امن */
  .cache-clear-popup{top:60px;right:10px;width:90%;max-width:300px}
}

/* فالبک fixed برای فلای‌اوت‌ها */
@media (min-width:992px){
  .artistun-submenu.is-floating{
    position: fixed !important;
    max-height: none !important;
    overflow: visible !important;
    right: 0; /* مقدار دقیق با JS ست می‌شود */
    transition:opacity .18s ease, transform .18s ease;
  }
}

/* ===== FIX: remove horizontal scroll on sidebar & wrapper ===== */
html, body { overflow-x: hidden; } /* احتیاط سراسری برای جلوگیری از اسکرول افقی کل صفحه */

.artistun-dashboard-wrapper,
.artistun-sidebar,
.artistun-content,
.content-inner{
  /* جلوی visible اجباری قبلی را می‌گیریم */
  overflow-x: hidden !important;
  overflow-y: visible !important;
}

/* خود سایدبار: اسکرول عمودی آزاد، افقی بسته */
.artistun-sidebar{
  overflow-y: auto;
  overflow-x: hidden !important;
}

/* ظرف منو داخل سایدبار */
.artistun-menu-wrapper{
  overflow-y: auto;
  overflow-x: hidden !important;
}

/* اطمینان از اینکه محتوا داخل لینک‌ها باعث بیرون‌زدگی نشود */
.menu-link,
.submenu-link{
  min-width: 0; /* اجازه‌ می‌دهد ellipsis عمل کند */
}

/* متن عنوان‌ها: مطمئن شو قطع می‌شوند نه اینکه پهنا را بشکنند */
.menu-link span,
.submenu-link span{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* فلای‌اوت‌ها چون absolute/fixed هستند، افقی را نمی‌شکنند؛
   ولی برای اطمینان وقتی داخل سایدبار رندر شوند، پهنای امن داشته باشند */
@media (min-width:992px){
  .artistun-menu > .menu-item.has-submenu > .artistun-submenu{
    max-width: 280px; /* در صورت نیاز قابل افزایش است */
  }
}
/* ========== AMF Sales Flyouts ========== */
.amf-flyouts{
  position: fixed; /* کنار سایدبار ثابت بماند */
  top: 0;
  right: 220px;    /* سایدبار شما 220px است؛ اگر تغییر کرد این‌جا را هماهنگ کن */
  height: 100vh;
  pointer-events: none; /* تا وقتی پنل باز نشد کلیک نگیرد */
  z-index: 1002;  /* روی سایدبار */
  direction: rtl;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding-top: 10px; /* کمی فاصله از بالا */
}

.amf-flyout{
  width: 280px;
  max-height: calc(100vh - 20px);
  overflow: hidden auto;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  opacity: 0;
  transform: translateX(12px);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: auto;
}

.amf-flyout[hidden]{ display: none; }

.amf-flyout.is-open{
  opacity: 1;
  transform: translateX(0);
}

.amf-flyout-header{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #f0f0f0;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}

.amf-flyout-back{
  border: none;
  background: #f6f7fb;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1;
  width: 28px; height: 28px;
  cursor: pointer;
}

.amf-breadcrumb{
  font-size: 13px;
  color: #475467;
}
.amf-breadcrumb b{ color:#0B67C2; font-weight:600; }

.amf-flyout-list{
  list-style: none;
  margin: 8px 8px 12px;
  padding: 0;
}

.amf-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  color: #344054;
  cursor: pointer;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}
.amf-item i{ font-size: 16px; color: #98A2B3; width:18px; text-align:center; }
.amf-item:hover{ background: #EEF5FF; color:#0B67C2; transform: translateX(-2px); }
.amf-item:hover i{ color: #0B67C2; }

/* لینک‌دار در فلای‌اوت دوم */
.amf-item a{
  display:flex; align-items:center; gap:10px;
  color: inherit; text-decoration: none; width:100%;
}

/* جداکننده */
.amf-sep{
  height: 1px;
  margin: 6px 4px;
  background: #F2F4F7;
  pointer-events: none;
}

/* اسکرول‌بار لطیف */
.amf-flyout::-webkit-scrollbar{ width:6px; }
.amf-flyout::-webkit-scrollbar-thumb{ background:#D0D5DD; border-radius:4px; }
.amf-flyout::-webkit-scrollbar-track{ background:#F9FAFB; }

/* ریسپانسیو: اگر عرض کم شد، فلای‌اوت‌ها مخفی بشن (فقط دسکتاپ فعال) */
@media (max-width: 1024px){
  .amf-flyouts{ display:none; }
}
/* ===== Sales Flyouts (L1/L2) ===== */

/* ظرف کلی فلای‌اوت‌ها: کنار سایدبار که در راست است */
#sales-flyouts.amf-sales-flyouts{
  position: fixed;
  top: 0;
  right: 220px;            /* اگر عرض سایدبار عوض شد، این را با همان مقدار ست کن */
  height: 100vh;
  width: 420px;            /* عرض پنل روی دسکتاپ */
  z-index: 1200;           /* بالاتر از سایدبار */
  pointer-events: none;    /* وقتی بسته است، کلیک‌پذیر نباشد */
}

/* وقتی چیزی باز است، کلیک‌پذیر شود */
#sales-flyouts.is-open{
  pointer-events: auto;
}

/* خود پنل‌ها */
#sales-flyouts .amf-flyout{
  position: absolute;
  inset: 0 auto 0 0;       /* کاملاً پر کند */
  width: 100%;
  max-width: 420px;
  background: #fff;
  border-left: 1px solid #e5e7eb; /* چون RTL داریم، لبه‌ی سمت چپ پنل مرزبندی می‌شود */
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  border-radius: 0 0 0 0;
  display: block;          /* کنترل نمایش با hidden attribute انجام می‌شود */
  opacity: 0;
  transform: translateX(12px);
  transition: opacity .18s ease, transform .18s ease;
  outline: none;
}

/* حالت‌های بازشدن */
#sales-flyouts.l1-open #sales-flyout-l1{ opacity: 1; transform: translateX(0); }
#sales-flyouts.l2-open #sales-flyout-l2{ opacity: 1; transform: translateX(0); }

/* هدر پنل */
#sales-flyouts .amf-flyout-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid #f0f2f5;
  background: #fff;
  position: sticky;
  top: 0;
  z-index: 1;
}

/* نان‌کرامب */
#sales-flyouts .amf-crumb{
  font-size: 14px;
  color: #111827;
  font-weight: 600;
  letter-spacing: -.2px;
}

/* اکشن‌های هدر (بازگشت/بستن) */
#sales-flyouts .amf-flyout-actions{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* دکمه‌های هدر */
#sales-flyouts .amf-back,
#sales-flyouts .amf-close{
  appearance: none;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}
#sales-flyouts .amf-close{
  font-weight: 700;
  width: 32px; height: 32px;
  display: inline-flex; align-items: center; justify-content: center;
}
#sales-flyouts .amf-back:hover,
#sales-flyouts .amf-close:hover{
  background: #f8fafc;
  border-color: #dfe3e8;
}

/* بدنهٔ پنل */
#sales-flyouts .amf-flyout-body{
  padding: 8px 8px 12px 8px;
  overflow: auto;
  max-height: calc(100vh - 52px);
}

/* لیست‌ها */
#sales-flyouts .amf-flyout-list{
  list-style: none;
  margin: 0; padding: 4px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
}

/* لینک‌های آیتم‌ها */
#sales-flyouts .amf-flyout-list a{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 14px;
  color: #111827;
  background: #fff;
  border: 1px solid #eef1f4;
  transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}

/* هاور آیتم‌ها */
#sales-flyouts .amf-flyout-list a:hover{
  background: #f0f7ff;       /* آبیِ ملایم */
  color: #0b63c3;
  border-color: #cfe6ff;
  transform: translateX(-4px); /* RTL: به سمت چپ */
}

/* حالت focus برای دسترس‌پذیری */
#sales-flyouts .amf-flyout-list a:focus{
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}

/* سطح ۱: دسته‌ها کمی Bold تر */
#sales-flyouts .amf-flyout-l1 .amf-flyout-list a{
  font-weight: 600;
}

/* سطح ۲: آیتم‌های مقصد */
#sales-flyouts .amf-flyout-l2 .amf-flyout-list a{
  font-weight: 500;
}

/* اسکرول‌بار لطیف (در مرورگرهایی که ساپورت می‌کنند) */
#sales-flyouts .amf-flyout-body::-webkit-scrollbar{
  width: 8px;
}
#sales-flyouts .amf-flyout-body::-webkit-scrollbar-track{
  background: #f3f4f6;
}
#sales-flyouts .amf-flyout-body::-webkit-scrollbar-thumb{
  background: #cbd5e1;
  border-radius: 20px;
}

/* وقتی hidden روی سکشن‌ها هست، نذار جای المان بگیرد */
#sales-flyouts .amf-flyout[hidden]{
  display: none !important;
}

/* وقتی سطح ۱ باز است، سطح ۲ را invisible نگه‌دار و برعکس (برای انیمیشن نرم) */
#sales-flyouts.l1-open .amf-flyout-l2{ opacity: 0; pointer-events: none; }
#sales-flyouts.l2-open .amf-flyout-l1{ opacity: 0; pointer-events: none; }

/* ===== تعامل با سایدبار ===== */

/* اگر برای فروش فلای‌اوت-only شده، ظاهر لینک کمی متمایز شود (اختیاری) */
.artistun-sidebar .artistun-menu .menu-item.amf-flyout-only > a{
  cursor: pointer;
}

/* از شر فاصلهٔ غیرضروری بین سایدبار و فلای‌اوت مطمئن شو */
.artistun-sidebar{ position: fixed; right: 0; top: 0; height: 100vh; }

/* ===== ریسپانسیو ===== */
@media (max-width: 1280px){
  #sales-flyouts.amf-sales-flyouts{
    right: 220px;
    width: 360px;
  }
  #sales-flyouts .amf-flyout{ max-width: 360px; }
}
@media (max-width: 1024px){
  /* روی تبلت/موبایل، پنل از لبهٔ راست نمایش داده شود و تمام‌قد باشد */
  #sales-flyouts.amf-sales-flyouts{
    right: 0;
    width: 92vw;
  }
  #sales-flyouts .amf-flyout{
    max-width: 92vw;
    border-left: none;
    border-right: 1px solid #e5e7eb; /* در موبایل هم‌چنان مرز داشته باشد */
    transform: translateX(16px);
  }
  #sales-flyouts.l1-open #sales-flyout-l1,
  #sales-flyouts.l2-open #sales-flyout-l2{
    transform: translateX(0);
  }
}

/* اختیاری: اگر تمِ تیره داری */
@media (prefers-color-scheme: dark){
  #sales-flyouts .amf-flyout{
    background: #0f172a;
    border-color: #0b1222;
    box-shadow: 0 10px 30px rgba(0,0,0,.5);
  }
  #sales-flyouts .amf-flyout-header{ border-bottom-color: #13233f; background: #0f172a; }
  #sales-flyouts .amf-crumb{ color: #e5e7eb; }
  #sales-flyouts .amf-back,
  #sales-flyouts .amf-close{
    border-color: #1f2a44; background: #111b34; color: #e5e7eb;
  }
  #sales-flyouts .amf-flyout-list a{
    background: #0f172a; border-color: #1e293b; color: #e5e7eb;
  }
  #sales-flyouts .amf-flyout-list a:hover{
    background: #0b1b33; border-color: #234b7a; color: #cfe6ff;
  }
  #sales-flyouts .amf-flyout-body::-webkit-scrollbar-track{ background: #0b1222; }
  #sales-flyouts .amf-flyout-body::-webkit-scrollbar-thumb{ background: #22314f; }
}