/* === local Vazirmatn — same files as public/index.html (ADATASK_PWA_VAZIRMATN_V1R6) === */
/* No new CDN. Live Office / body already use family Vazirmatn; preview links these too. */
@font-face {
  font-family: "Vazirmatn";
  src: url("/assets/fonts/vazirmatn-arabic-wght-normal-v3175.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-089F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200D;
}
@font-face {
  font-family: "Vazirmatn";
  src: url("/assets/fonts/vazirmatn-latin-wght-normal-v3175.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-024F, U+1E00-1EFF;
}

/* === source/styles/01-tokens.css === */
/* ============================================================
   AdaTask UI v2 — Design Tokens
   همهٔ توکن‌ها زیر ریشهٔ .adatask-shell-v2 تعریف می‌شوند تا هیچ
   متغیری به صفحات فعلی آداتسک نشت نکند.
   ============================================================ */

.adatask-shell-v2 {
  /* ---- رنگ برند ---- */
  --av2-navy:        #173454;
  --av2-navy-soft:   #1F4468;
  --av2-navy-deep:   #0F2740;
  --av2-purple:      #9759E7;
  --av2-purple-tint: rgba(151, 89, 231, .10);
  --av2-purple-text: #6B37B8;
  --av2-turquoise:   #96CDCD;
  --av2-teal:        #4E9999;
  --av2-teal-tint:   rgba(78, 153, 153, .10);
  --av2-lightblue:   #AAD2F1;
  --av2-blue:        #5FA3D6;
  --av2-blue-tint:   rgba(95, 163, 214, .10);

  /* ---- رنگ وضعیت — قرمز فقط برای خطای واقعی ---- */
  --av2-green:       #2E9E6B;
  --av2-green-tint:  rgba(46, 158, 107, .10);
  --av2-orange:      #F0A03A;
  --av2-orange-tint: rgba(240, 160, 58, .11);
  --av2-red:         #C0392B;
  --av2-red-tint:    rgba(192, 57, 43, .09);

  /* ---- سطح و خط ---- */
  --av2-bg:          #F6F8FB;
  --av2-surface:     #FFFFFF;
  --av2-surface-alt: #FBFCFE;
  --av2-border:      #E2E8F0;
  --av2-border-soft: #EEF2F8;
  --av2-divider:     #F3F6FA;

  /* ---- متن ---- */
  --av2-text:        #173454;
  --av2-text-muted:  #6B7C93;
  --av2-text-faint:  #8494A8;
  --av2-text-ghost:  #A3B1C2;
  --av2-on-navy:     #C3D2E4;

  /* ---- تایپوگرافی ---- */
  --av2-font: "AdataskPwaVazirV1R6", "Vazirmatn", Tahoma, Arial, sans-serif;
  --av2-h1: 23px;
  --av2-h2: 16px;
  --av2-h3: 15px;
  --av2-body: 13px;
  --av2-small: 12.5px;
  --av2-tiny: 11.5px;
  --av2-micro: 10.5px;
  --av2-kpi: 30px;
  --av2-kpi-sm: 22px;

  /* ---- فاصله — پایهٔ ۴ ---- */
  --av2-s1: 4px;
  --av2-s2: 8px;
  --av2-s3: 12px;
  --av2-s4: 16px;
  --av2-s5: 20px;
  --av2-s6: 24px;
  --av2-s7: 32px;

  /* ---- شعاع ---- */
  --av2-r-card: 16px;
  --av2-r-inner: 12px;
  --av2-r-ctl: 11px;
  --av2-r-chip: 9px;
  --av2-r-pill: 99px;

  /* ---- سایه ---- */
  --av2-sh-card:  0 1px 2px rgba(23, 52, 84, .04);
  --av2-sh-hover: 0 10px 26px rgba(23, 52, 84, .07);
  --av2-sh-pop:   0 18px 44px rgba(23, 52, 84, .16);
  --av2-sh-modal: 0 30px 70px rgba(23, 52, 84, .28);

  /* ---- ابعاد ثابت ---- */
  --av2-header-h: 64px;
  --av2-subnav-h: 50px;
  --av2-sidebar-w: 246px;
  --av2-sidebar-min: 74px;
  --av2-ctl-h: 38px;
  --av2-ctl-h-sm: 32px;
  --av2-touch: 44px;
  --av2-content-max: 1720px;

  /* ---- انیمیشن ---- */
  --av2-dur: 180ms;
  --av2-dur-slow: 240ms;
  --av2-ease: cubic-bezier(0, 0, .2, 1);
  --av2-lift: -2px;
}

/* === source/styles/02-shell.css === */
/* ============================================================
   AdaTask UI v2 — Shell & Components
   همهٔ Selectorها زیر .adatask-shell-v2 محدود شده‌اند.
   هیچ Selector عمومی (button, input, table, .card) بدون Scope
   نوشته نشده تا صفحات فعلی آداتسک آسیب نبینند.
   ============================================================ */

/* ---------- ریشه ---------- */
.adatask-shell-v2 {
  direction: rtl;
  display: flex;
  min-height: 100vh;
  background: var(--av2-bg);
  color: var(--av2-text);
  font-family: var(--av2-font);
  font-size: var(--av2-body);
  line-height: 1.7;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
.adatask-shell-v2 *,
.adatask-shell-v2 *::before,
.adatask-shell-v2 *::after { box-sizing: border-box; }
.adatask-shell-v2 button,
.adatask-shell-v2 input,
.adatask-shell-v2 select,
.adatask-shell-v2 textarea { font-family: inherit; }
.adatask-shell-v2 h1, .adatask-shell-v2 h2, .adatask-shell-v2 h3,
.adatask-shell-v2 h4, .adatask-shell-v2 p { margin: 0; }
.adatask-shell-v2 a { color: var(--av2-blue); text-decoration: none; }
.adatask-shell-v2 a:hover { color: var(--av2-navy); text-decoration: underline; }
.adatask-shell-v2 :focus-visible {
  outline: 2px solid var(--av2-purple);
  outline-offset: 2px;
  border-radius: 6px;
}

/* ---------- سایدبار ---------- */
.adatask-shell-v2 .av2-aside {
  width: var(--av2-sidebar-w);
  flex: none;
  background: var(--av2-navy);
  color: var(--av2-on-navy);
  display: flex;
  flex-direction: column;
  padding: var(--av2-s4) var(--av2-s3);
  gap: var(--av2-s3);
  position: sticky;
  top: 0;
  height: 100vh;
  transition: width var(--av2-dur-slow) var(--av2-ease);
  z-index: 40;
}
.adatask-shell-v2.av2-collapsed .av2-aside { width: var(--av2-sidebar-min); }
.adatask-shell-v2 .av2-brand {
  display: flex;
  align-items: center;
  gap: var(--av2-s2);
  padding: 0 var(--av2-s2) var(--av2-s3);
  min-width: 0;
}
.adatask-shell-v2 .av2-brand-mark {
  width: 34px; height: 34px; flex: none;
  border-radius: 10px;
  background: #FFFFFF;
  display: grid; place-items: center;
  overflow: hidden;
}
.adatask-shell-v2 .av2-brand-mark img { width: 26px; height: 26px; object-fit: contain; display: block; }
.adatask-shell-v2 .av2-brand-text { min-width: 0; overflow: hidden; }
.adatask-shell-v2 .av2-brand-text b { display: block; font-size: var(--av2-small); color: #FFFFFF; font-weight: 700; white-space: nowrap; }
.adatask-shell-v2 .av2-brand-text small { display: block; font-size: var(--av2-micro); color: #8AA3C0; white-space: nowrap; }
.adatask-shell-v2.av2-collapsed .av2-brand-text { display: none; }
.adatask-shell-v2 .av2-aside .av2-aside-close {
  margin-inline-start: auto;
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.18);
  color: #FFFFFF;
  flex: none;
}

.adatask-shell-v2 .av2-navlist {
  display: flex; flex-direction: column; gap: 2px;
  flex: 1; min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}
.adatask-shell-v2 .av2-navlist::-webkit-scrollbar { width: 5px; }
.adatask-shell-v2 .av2-navlist::-webkit-scrollbar-thumb { background: rgba(255,255,255,.14); border-radius: 99px; }

.adatask-shell-v2 .av2-nav {
  display: flex; align-items: center; gap: 10px;
  min-height: var(--av2-touch);
  padding: 0 11px;
  border: 0; background: transparent;
  border-radius: var(--av2-r-ctl);
  color: var(--av2-on-navy);
  font-family: inherit; font-size: var(--av2-small); font-weight: 500;
  cursor: pointer; text-align: right; width: 100%;
  transition: background var(--av2-dur) var(--av2-ease), color var(--av2-dur) var(--av2-ease);
}
.adatask-shell-v2 .av2-nav:hover { background: rgba(255,255,255,.07); color: #FFFFFF; }
.adatask-shell-v2 .av2-nav.is-active {
  background: var(--av2-purple);
  color: #FFFFFF;
  font-weight: 600;
  box-shadow: 0 6px 18px rgba(151,89,231,.28);
}
.adatask-shell-v2 .av2-nav svg { flex: none; width: 18px; height: 18px; }
.adatask-shell-v2 .av2-nav-label { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adatask-shell-v2.av2-collapsed .av2-nav { justify-content: center; padding: 0; }
.adatask-shell-v2.av2-collapsed .av2-nav-label,
.adatask-shell-v2.av2-collapsed .av2-nav-badge { display: none; }
.adatask-shell-v2 .av2-nav-badge {
  flex: none; min-width: 20px; height: 19px; padding: 0 6px;
  border-radius: var(--av2-r-pill);
  background: var(--av2-orange); color: #3C2A0C;
  font-size: var(--av2-micro); font-weight: 700;
  display: grid; place-items: center;
}
.adatask-shell-v2 .av2-nav-sep { height: 1px; background: rgba(255,255,255,.09); margin: var(--av2-s2) 6px; }

/* Tooltip حالت جمع‌شده */
.adatask-shell-v2 .av2-tip { position: relative; }
.adatask-shell-v2.av2-collapsed .av2-tip:hover::after {
  content: attr(data-tip);
  position: absolute; right: calc(100% + 10px); top: 50%;
  transform: translateY(-50%);
  background: var(--av2-navy-deep); color: #FFFFFF;
  font-size: var(--av2-tiny); white-space: nowrap;
  padding: 6px 10px; border-radius: 8px;
  box-shadow: var(--av2-sh-pop); z-index: 60; pointer-events: none;
}

.adatask-shell-v2 .av2-dept-card {
  flex: none;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04);
  border-radius: var(--av2-r-inner);
  padding: 11px 12px;
}
.adatask-shell-v2.av2-collapsed .av2-dept-card { display: none; }
.adatask-shell-v2 .av2-dept-card h4 { font-size: var(--av2-tiny); color: #9FB4CC; font-weight: 500; margin-bottom: var(--av2-s2); }
.adatask-shell-v2 .av2-avatars { display: flex; gap: 4px; flex-wrap: wrap; }
.adatask-shell-v2 .av2-avatar {
  width: 26px; height: 26px; border-radius: 8px;
  background: rgba(255,255,255,.12); color: #FFFFFF;
  font-size: var(--av2-micro); font-weight: 600;
  display: grid; place-items: center;
}

/* ---------- ستون اصلی ---------- */
.adatask-shell-v2 .av2-column {
  flex: 1; min-width: 0;
  display: flex; flex-direction: column;
}
.adatask-shell-v2 .av2-header {
  height: var(--av2-header-h); flex: none;
  background: var(--av2-surface);
  border-bottom: 1px solid var(--av2-border);
  display: flex; align-items: center; gap: var(--av2-s3);
  padding: 0 var(--av2-s6);
  position: sticky; top: 0; z-index: 120;
  overflow: visible;
}
.adatask-shell-v2 .av2-iconbtn {
  width: var(--av2-ctl-h); height: var(--av2-ctl-h); flex: none;
  border-radius: var(--av2-r-ctl);
  border: 1px solid var(--av2-border);
  background: var(--av2-surface);
  cursor: pointer; display: grid; place-items: center; position: relative;
  transition: border-color var(--av2-dur) var(--av2-ease);
}
.adatask-shell-v2 .av2-iconbtn:hover { border-color: #C9D6E6; }
.adatask-shell-v2 .av2-iconbtn .av2-dot {
  position: absolute; top: -5px; left: -5px;
  min-width: 19px; height: 19px; padding: 0 5px;
  border-radius: var(--av2-r-pill);
  background: var(--av2-orange); color: #3C2A0C;
  font-size: var(--av2-micro); font-weight: 700;
  display: grid; place-items: center;
  border: 2px solid var(--av2-surface);
}
.adatask-shell-v2 .av2-chip {
  display: flex; align-items: center; gap: 7px;
  height: var(--av2-ctl-h); padding: 0 12px;
  border-radius: var(--av2-r-ctl);
  border: 1px solid var(--av2-border);
  background: var(--av2-surface);
  font-family: inherit; font-size: var(--av2-small); color: var(--av2-text);
  cursor: pointer; max-width: 210px;
  transition: border-color var(--av2-dur) var(--av2-ease);
}
.adatask-shell-v2 .av2-chip:hover { border-color: #C9D6E6; }
.adatask-shell-v2 .av2-chip span {
  min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.adatask-shell-v2 .av2-chip.is-dept {
  background: var(--av2-purple-tint);
  border-color: rgba(151,89,231,.3);
  color: var(--av2-purple-text);
  font-weight: 600;
}
.adatask-shell-v2 .av2-searchbtn {
  flex: 1 1 140px; min-width: 0; max-width: 500px;
  height: var(--av2-ctl-h);
  display: flex; align-items: center; gap: 9px;
  padding: 0 13px;
  border-radius: var(--av2-r-ctl);
  border: 1px solid var(--av2-border);
  background: var(--av2-bg);
  cursor: text; color: var(--av2-text-faint);
  font-family: inherit; font-size: var(--av2-small);
  text-align: right;
  transition: background var(--av2-dur) var(--av2-ease), border-color var(--av2-dur) var(--av2-ease);
}
.adatask-shell-v2 .av2-searchbtn:hover { background: var(--av2-surface); border-color: #C9D6E6; }
.adatask-shell-v2 .av2-searchbtn span { flex: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adatask-shell-v2 .av2-kbd {
  flex: none; font-size: var(--av2-micro); color: var(--av2-text-ghost);
  border: 1px solid var(--av2-border); border-radius: 6px; padding: 1px 6px;
  font-family: inherit;
}

.adatask-shell-v2 .av2-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  height: var(--av2-ctl-h); padding: 0 15px;
  border-radius: var(--av2-r-ctl); border: 1px solid transparent;
  font-family: inherit; font-size: var(--av2-small); font-weight: 600;
  cursor: pointer; white-space: nowrap;
  transition: background var(--av2-dur) var(--av2-ease), border-color var(--av2-dur) var(--av2-ease), transform var(--av2-dur) var(--av2-ease);
}
.adatask-shell-v2 .av2-btn:disabled { opacity: .55; cursor: not-allowed; }
.adatask-shell-v2 .av2-btn.primary { background: var(--av2-navy); color: #FFFFFF; }
.adatask-shell-v2 .av2-btn.primary:hover:not(:disabled) { background: var(--av2-navy-soft); }
.adatask-shell-v2 .av2-btn.create { background: var(--av2-purple); color: #FFFFFF; box-shadow: 0 6px 16px rgba(151,89,231,.26); }
.adatask-shell-v2 .av2-btn.create:hover:not(:disabled) { background: #8A4CDB; }
.adatask-shell-v2 .av2-btn.white { background: var(--av2-surface); border-color: var(--av2-border); color: var(--av2-text); }
.adatask-shell-v2 .av2-btn.white:hover:not(:disabled) { border-color: #C9D6E6; }
.adatask-shell-v2 .av2-btn.ghost { background: transparent; color: var(--av2-text-muted); }
.adatask-shell-v2 .av2-btn.ghost:hover:not(:disabled) { background: var(--av2-border-soft); color: var(--av2-text); }
.adatask-shell-v2 .av2-btn.voip {
  background: var(--av2-green, #2E9E6B); color: #FFFFFF; border-color: transparent;
  box-shadow: 0 6px 16px rgba(46,158,107,.22);
}
.adatask-shell-v2 .av2-btn.voip:hover:not(:disabled) { background: #278A5D; }
.adatask-shell-v2 .av2-voip-dot {
  width: 8px; height: 8px; border-radius: 99px; background: #B6F5D0;
  box-shadow: 0 0 0 3px rgba(182,245,208,.35); flex: none;
}

.adatask-shell-v2 .av2-desk-dense { display: flex; flex-direction: column; gap: 14px; }
.adatask-shell-v2 .av2-greet {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  background: var(--av2-surface); border: 1px solid var(--av2-border);
  border-radius: var(--av2-r); padding: 14px 18px;
}
.adatask-shell-v2 .av2-greet-main { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 180px; }
.adatask-shell-v2 .av2-greet-av {
  width: 48px; height: 48px; border-radius: 14px; background: var(--av2-navy); color: #fff;
  display: grid; place-items: center; font-weight: 800; font-size: 16px; flex: none;
}
.adatask-shell-v2 .av2-greet-main b { display: block; font-size: 16px; }
.adatask-shell-v2 .av2-greet-main small { display: block; font-size: 11.5px; color: var(--av2-text-faint); }
.adatask-shell-v2 .av2-greet-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.adatask-shell-v2 .av2-ring { display: flex; align-items: center; gap: 10px; flex: none; }
.adatask-shell-v2 .av2-ring-txt b { display: block; font-size: 14px; font-weight: 800; }
.adatask-shell-v2 .av2-ring-txt small { display: block; font-size: 10.5px; color: var(--av2-text-faint); }
.adatask-shell-v2 .av2-announce {
  background: #EEF6FF; border: 1px solid #C5DDF5; color: #1B4F86;
  border-radius: 12px; padding: 10px 14px; font-size: 12.5px;
  display: flex; gap: 10px; flex-wrap: wrap; align-items: center;
}
.adatask-shell-v2 .av2-announce b { font-size: 12px; }
.adatask-shell-v2 .av2-goal-row {
  display: grid; grid-template-columns: 1.4fr auto auto; gap: 14px; align-items: center;
  background: var(--av2-surface); border: 1px solid var(--av2-border);
  border-radius: var(--av2-r); padding: 16px 18px;
}
.adatask-shell-v2 .av2-goal-fig { cursor: pointer; min-width: 0; }
.adatask-shell-v2 .av2-goal-num { font-size: 28px; font-weight: 800; letter-spacing: -.5px; color: var(--av2-navy); margin: 4px 0; }
.adatask-shell-v2 .av2-metric-strip {
  display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 10px;
}
.adatask-shell-v2 .av2-metric-card {
  background: var(--av2-surface); border: 1px solid var(--av2-border);
  border-radius: 12px; padding: 12px 10px; text-align: right;
  font-family: inherit; cursor: pointer;
}
.adatask-shell-v2 .av2-metric-card:hover { border-color: #C9D6E6; }
.adatask-shell-v2 .av2-metric-val { font-size: 20px; font-weight: 800; font-variant-numeric: tabular-nums; }
.adatask-shell-v2 .av2-metric-lab { font-size: 11px; color: var(--av2-text-muted); font-weight: 700; margin-top: 2px; }
.adatask-shell-v2 .av2-desk-2 { margin: 0; }
.adatask-shell-v2 .av2-cal-shell {
  display: grid; grid-template-columns: minmax(0, 240px) minmax(0, 1fr); gap: 16px;
  background: var(--av2-surface); border: 1px solid var(--av2-border);
  border-radius: var(--av2-r); padding: 16px 18px;
  min-width: 0;
}
.adatask-shell-v2 .av2-cal-side h3 { margin: 0 0 4px; font-size: 15px; }
.adatask-shell-v2 .av2-cal-side p { margin: 0 0 10px; font-size: 12px; color: var(--av2-text-muted); }
.adatask-shell-v2 .av2-cal-title { font-size: 13px; font-weight: 700; margin-bottom: 8px; }
.adatask-shell-v2 .av2-cal-wd, .adatask-shell-v2 .av2-cal-grid {
  display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px;
}
.adatask-shell-v2 .av2-cal-wd span {
  text-align: center; font-size: 11px; color: var(--av2-text-faint); font-weight: 700; padding: 4px 0;
}
.adatask-shell-v2 .av2-cal-cell {
  min-height: 52px; min-width: 0; border: 1px solid #F0F3F8; border-radius: 8px; padding: 4px 6px;
  background: #FBFCFE; display: flex; flex-direction: column; gap: 4px;
  overflow: hidden;
}
.adatask-shell-v2 .av2-cal-cell.is-empty { background: transparent; border-color: transparent; }
.adatask-shell-v2 .av2-cal-cell.is-today { border-color: #9759E7; background: #F8F4FF; }
.adatask-shell-v2 .av2-cal-cell.has-ev { background: #fff; }
.adatask-shell-v2 .av2-cal-cell b { font-size: 11.5px; font-weight: 700; }
.adatask-shell-v2 .av2-cal-dots { display: flex; gap: 3px; }
.adatask-shell-v2 .av2-cal-dot { width: 6px; height: 6px; border-radius: 99px; background: #173454; display: block; }
.adatask-shell-v2 .av2-cal-dot.m { background: #9759E7; }
.adatask-shell-v2 .av2-cal-dot.t { background: #4E9999; }
.adatask-shell-v2 .av2-cal-dot.k { background: #D98A16; }
.adatask-shell-v2 .av2-cal-dot.c { background: #2E9E6B; }
.adatask-shell-v2 .av2-cal-dot.x { background: #0891B2; }
.adatask-shell-v2 .av2-cal-dot.is-dim {
  background: repeating-linear-gradient(-45deg, #94A3B8, #94A3B8 2px, #E2E8F0 2px, #E2E8F0 4px);
}

.adatask-shell-v2 .av2-cal-live { display: flex; flex-direction: column; gap: 12px; }
.adatask-shell-v2 .av2-cal-toolbar {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}
.adatask-shell-v2 .av2-cal-toolbar h3 { margin: 0; font-size: 15px; }
.adatask-shell-v2 .av2-cal-toolbar p { margin: 2px 0 0; font-size: 11.5px; color: var(--av2-text-muted); }
.adatask-shell-v2 .av2-cal-tools { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.adatask-shell-v2 .av2-cal-monthnav {
  display: inline-flex; align-items: center; gap: 10px;
  background: #F8FAFC; border: 1px solid var(--av2-border); border-radius: 10px; padding: 4px 10px;
}
.adatask-shell-v2 .av2-cal-monthnav button {
  border: 0; background: transparent; cursor: pointer; color: #64748B; font-family: inherit;
}
.adatask-shell-v2 .av2-cal-body {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(210px, 250px); gap: 16px;
}
.adatask-shell-v2 .av2-cal-cell {
  cursor: pointer; font-family: inherit; text-align: right; color: inherit;
}
.adatask-shell-v2 .av2-cal-cell.is-sel { border-color: #4E9999; box-shadow: 0 0 0 2px rgba(78,153,153,.18); }
.adatask-shell-v2 .av2-cal-cell.is-fri { background: #FCF7F7; }
.adatask-shell-v2 .av2-cal-tags {
  display: flex; flex-direction: column; gap: 2px; min-width: 0;
}
.adatask-shell-v2 .av2-cal-overlay .av2-cal-dots { display: none; }
.adatask-shell-v2 .av2-cal-tag {
  display: block; font-style: normal; font-size: 9.5px; font-weight: 700;
  padding: 1px 4px; border-radius: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.adatask-shell-v2 .av2-cal-tag.t { background: #EDF5FC; color: #2F6E9A; }
.adatask-shell-v2 .av2-cal-tag.m { background: #F4EDFD; color: #6B37B8; }
.adatask-shell-v2 .av2-cal-tag.k { background: #FDF4E4; color: #8A5A12; }
.adatask-shell-v2 .av2-cal-tag.c { background: #E9F7F0; color: #1F7A52; }
.adatask-shell-v2 .av2-cal-tag.x { background: #ECFEFF; color: #155E75; }
.adatask-shell-v2 .av2-cal-tag.is-dim {
  background: repeating-linear-gradient(-45deg, #E2E8F0, #E2E8F0 3px, #F1F5F9 3px, #F1F5F9 6px) !important;
  color: #94A3B8 !important;
  text-decoration: line-through;
  opacity: .8;
}
.adatask-shell-v2 .av2-cal-more { font-size: 10px; font-weight: 800; color: #8494A8; }
.adatask-shell-v2 .av2-cal-todaycard {
  background: linear-gradient(150deg, #0F2740, #1F4468); color: #fff;
  border-radius: 14px; padding: 16px 14px; display: flex; flex-direction: column; gap: 10px;
}
.adatask-shell-v2 .av2-cal-todaycard small { font-size: 11px; color: #9DB6CE; }
.adatask-shell-v2 .av2-cal-todaycard > b { font-size: 16px; }
.adatask-shell-v2 .av2-cal-mini {
  display: grid; grid-template-columns: 1fr 1fr; gap: 6px;
}
.adatask-shell-v2 .av2-cal-mini div {
  background: rgba(255,255,255,.08); border-radius: 8px; padding: 7px 6px; text-align: center;
}
.adatask-shell-v2 .av2-cal-mini strong { display: block; font-size: 15px; }
.adatask-shell-v2 .av2-cal-mini span { font-size: 10px; color: #B9CBDD; }
.adatask-shell-v2 .av2-cal-sidelist { display: flex; flex-direction: column; gap: 6px; }
.adatask-shell-v2 .av2-cal-sideitem {
  display: flex; flex-direction: column; gap: 2px; text-align: right;
  background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.12);
  border-radius: 8px; padding: 8px 10px; color: #fff; cursor: pointer; font-family: inherit;
}
.adatask-shell-v2 .av2-cal-sideitem em { font-style: normal; font-size: 10px; font-weight: 800; color: #96CDCD; }
.adatask-shell-v2 .av2-cal-sideitem em.x { color: #67E8F9; }
.adatask-shell-v2 .av2-cal-sideitem.is-dim {
  background: repeating-linear-gradient(-45deg, rgba(255,255,255,.05), rgba(255,255,255,.05) 4px, rgba(255,255,255,.02) 4px, rgba(255,255,255,.02) 8px);
  color: #94A3B8;
}
.adatask-shell-v2 .av2-cal-empty { font-size: 12px; color: #9DB6CE; margin: 0; }
.adatask-shell-v2 .av2-cal-legend {
  display: flex; flex-wrap: wrap; gap: 12px; font-size: 11px; color: var(--av2-text-muted);
}
.adatask-shell-v2 .av2-cal-legend span { display: inline-flex; align-items: center; gap: 5px; }

.adatask-shell-v2 .av2-hero {
  background: linear-gradient(120deg, #EAF4F4 0%, #FFFFFF 70%);
  border: 1px solid #DCEAEA; border-radius: 18px; padding: 16px 18px;
  display: flex; flex-direction: column; gap: 12px;
}
.adatask-shell-v2 .av2-hero-top,
.adatask-shell-v2 .av2-hero-side,
.adatask-shell-v2 .av2-hero-chips { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.adatask-shell-v2 .av2-hero-chips .av2-chip {
  display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700;
  padding: 5px 12px; border-radius: 99px; background: #fff; border: 1px solid var(--av2-border);
  height: auto; max-width: none;
}
.adatask-shell-v2 .av2-chip.tl { background: #EAF4F4; color: #2F6E6E; }
.adatask-shell-v2 .av2-chip.pu { background: #F4EDFD; color: #6B37B8; }
.adatask-shell-v2 .av2-chip.rd { background: #FBEDEB; color: #C0392B; }
.adatask-shell-v2 .av2-deptabs { display: flex; gap: 5px; overflow-x: auto; margin-right: auto; }
.adatask-shell-v2 .av2-deptab {
  border: 0; background: transparent; padding: 5px 12px; border-radius: 8px;
  font-family: inherit; font-size: 11.5px; font-weight: 600; color: #8494A8; cursor: pointer; white-space: nowrap;
}
.adatask-shell-v2 .av2-deptab.on { background: #173454; color: #fff; }

.adatask-shell-v2 .av2-strip { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 12px; }
.adatask-shell-v2 .av2-subcard {
  background: linear-gradient(120deg, #0F2740, #1F4468); color: #fff; border-radius: 16px;
  padding: 14px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer;
}
.adatask-shell-v2 .av2-subcard small { display: block; font-size: 10.5px; color: #9DB6CE; }
.adatask-shell-v2 .av2-subbar { height: 6px; background: rgba(255,255,255,.16); border-radius: 99px; overflow: hidden; margin: 8px 0; width: 180px; max-width: 100%; }
.adatask-shell-v2 .av2-subbar i { display: block; height: 100%; background: linear-gradient(90deg, #96CDCD, #4E9999); }
.adatask-shell-v2 .av2-gauge {
  background: #fff; border: 1px solid var(--av2-border); border-radius: 16px; padding: 12px 14px;
  display: flex; align-items: center; gap: 12px;
}
.adatask-shell-v2 .av2-gauge b { display: block; font-size: 12.5px; }
.adatask-shell-v2 .av2-gauge small { font-size: 11px; color: var(--av2-text-muted); }

.adatask-shell-v2 .av2-mods { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.adatask-shell-v2 .av2-mod {
  border: 0; border-radius: 16px; padding: 14px 16px; color: #fff; text-align: right;
  cursor: pointer; font-family: inherit; min-height: 118px; display: flex; flex-direction: column; justify-content: space-between;
}
.adatask-shell-v2 .av2-mod h4 { margin: 8px 0 4px; font-size: 13px; }
.adatask-shell-v2 .av2-mod b { font-size: 18px; }
.adatask-shell-v2 .av2-mod small { opacity: .88; font-size: 11px; }
.adatask-shell-v2 .av2-mod-ic {
  width: 32px; height: 32px; border-radius: 10px; background: rgba(255,255,255,.18);
  display: grid; place-items: center;
}
.adatask-shell-v2 .av2-mod.crm { background: linear-gradient(135deg, #4E9999, #6FB7B7); }
.adatask-shell-v2 .av2-mod.tik { background: linear-gradient(135deg, #9759E7, #B37EF0); }
.adatask-shell-v2 .av2-mod.voip { background: linear-gradient(135deg, #2E9E6B, #4CBF89); }
.adatask-shell-v2 .av2-mod.cid { background: linear-gradient(135deg, #173454, #2F5A83); }

.adatask-shell-v2 .av2-today-list { display: flex; flex-direction: column; }
.adatask-shell-v2 .av2-today-row {
  display: grid; grid-template-columns: 92px minmax(0, 1.4fr) minmax(0, .8fr) 90px auto;
  gap: 10px; align-items: center; padding: 10px 0; border-bottom: 1px solid #F1F5F9;
}
.adatask-shell-v2 .av2-today-row:last-child { border-bottom: 0; }
.adatask-shell-v2 .av2-bdg {
  display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 99px;
  font-size: 10.5px; font-weight: 800; width: fit-content;
}
.adatask-shell-v2 .av2-bdg.b1 { background: #EDF5FC; color: #2F6E9A; }
.adatask-shell-v2 .av2-bdg.b2 { background: #E9F7F0; color: #1F7A52; }
.adatask-shell-v2 .av2-bdg.b3 { background: #FBEDEB; color: #C0392B; }
.adatask-shell-v2 .av2-bdg.b4 { background: #FDF4E4; color: #8A5A12; }
.adatask-shell-v2 .av2-muted { font-size: 11.5px; color: var(--av2-text-muted); }
.adatask-shell-v2 .av2-btn.xs { height: 26px; padding: 0 9px; font-size: 11px; }

.adatask-shell-v2 .av2-bars { display: flex; flex-direction: column; gap: 10px; }
.adatask-shell-v2 .av2-bar-row { display: flex; align-items: center; gap: 10px; }
.adatask-shell-v2 .av2-bar-row > span { width: 104px; font-size: 12px; font-weight: 600; }
.adatask-shell-v2 .av2-bar-t { flex: 1; height: 8px; background: #EEF3F8; border-radius: 99px; overflow: hidden; }
.adatask-shell-v2 .av2-bar-t i { display: block; height: 100%; border-radius: 99px; }
.adatask-shell-v2 .av2-grid.av2-desk-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.adatask-shell-v2 .av2-footstats {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;
  background: #fff; border: 1px solid var(--av2-border); border-radius: 16px; padding: 14px;
}
.adatask-shell-v2 .av2-foot-i {
  border: 0; background: transparent; cursor: pointer; font-family: inherit; text-align: center;
  border-left: 1px solid #F1F5F9;
}
.adatask-shell-v2 .av2-foot-i:last-child { border-left: 0; }
.adatask-shell-v2 .av2-foot-i b { display: block; font-size: 20px; }
.adatask-shell-v2 .av2-foot-i span { font-size: 11px; color: var(--av2-text-muted); }

.adatask-shell-v2 .av2-bell-host { position: relative; z-index: 80; }
.adatask-shell-v2 .av2-header .live-bell-wrap { display: flex; align-items: center; }
.adatask-shell-v2 .av2-header .live-bell-btn {
  width: 38px; height: 38px; min-width: 38px; border-radius: 12px;
  background: #F8FAFC; border: 1px solid var(--av2-border); padding: 0;
  display: grid; place-items: center;
}
.adatask-shell-v2 .av2-online-row { display: flex; flex-wrap: wrap; gap: 8px; }
.adatask-shell-v2 .av2-online-chip {
  display: inline-flex; align-items: center; gap: 6px;
  height: 28px; padding: 0 10px; border-radius: 99px; border: 1px solid var(--av2-border);
  font-size: 12px; font-weight: 700; background: #fff;
}
.adatask-shell-v2 .av2-online-chip i {
  width: 8px; height: 8px; border-radius: 99px; background: #C9D6E6; display: block;
}
.adatask-shell-v2 .av2-online-chip i.on { background: #2E9E6B; }
.adatask-shell-v2 .av2-video-slot { text-align: center; }
.adatask-shell-v2 .av2-video-frame {
  height: 110px; border-radius: 12px; background: linear-gradient(135deg, #173454, #9759E7);
  color: #fff; display: grid; place-items: center; font-size: 28px;
}
.adatask-shell-v2 .av2-desk-groups { display: grid; gap: 12px; }

@media (max-width: 1100px) {
  .adatask-shell-v2 .av2-metric-strip { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .adatask-shell-v2 .av2-cal-shell, .adatask-shell-v2 .av2-goal-row, .adatask-shell-v2 .av2-cal-body,
  .adatask-shell-v2 .av2-strip, .adatask-shell-v2 .av2-mods { grid-template-columns: 1fr 1fr; }
  .adatask-shell-v2 .av2-grid.av2-desk-3 { grid-template-columns: 1fr 1fr; }
  .adatask-shell-v2 .av2-footstats { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 768px) {
  .adatask-shell-v2 .av2-metric-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .adatask-shell-v2 .av2-grid.kpi,
  .adatask-shell-v2 .av2-grid.cols,
  .adatask-shell-v2 .av2-grid.wide,
  .adatask-shell-v2 .av2-cal-shell,
  .adatask-shell-v2 .av2-goal-row,
  .adatask-shell-v2 .av2-cal-body,
  .adatask-shell-v2 .av2-strip,
  .adatask-shell-v2 .av2-mods,
  .adatask-shell-v2 .av2-grid.av2-desk-3,
  .adatask-shell-v2 .av2-footstats { grid-template-columns: 1fr; }
  .adatask-shell-v2 .av2-cal-tags { display: none; }
  .adatask-shell-v2 .av2-cal-dots { display: flex; }
  .adatask-shell-v2 .av2-today-row { grid-template-columns: 1fr auto; }
  .adatask-shell-v2 .av2-today-row .av2-muted { display: none; }
  .adatask-shell-v2 .av2-header .live-bell-btn { width: var(--av2-touch); height: var(--av2-touch); min-width: var(--av2-touch); }
}

.adatask-shell-v2 .av2-profile {
  display: flex; align-items: center; gap: 9px; flex: none;
  padding-right: 10px; border-right: 1px solid var(--av2-border); margin-right: 2px;
  background: transparent; border-top: 0; border-left: 0; border-bottom: 0;
  cursor: pointer; font-family: inherit;
}
.adatask-shell-v2 .av2-profile-text { text-align: left; min-width: 0; overflow: hidden; }
.adatask-shell-v2 .av2-profile-text b { display: block; font-size: var(--av2-small); font-weight: 600; white-space: nowrap; }
.adatask-shell-v2 .av2-profile-text small { display: block; font-size: var(--av2-tiny); color: var(--av2-text-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adatask-shell-v2 .av2-profile-mark {
  width: 36px; height: 36px; flex: none; border-radius: var(--av2-r-ctl);
  background: var(--av2-navy); color: #FFFFFF;
  display: grid; place-items: center; font-size: var(--av2-body); font-weight: 600;
}

/* ---------- زیرمنوی ماژول ---------- */
/* بدون منوی «بیشتر»: همه‌ی تب‌ها همیشه دیده می‌شن و وقتی جا کم بیاد،
   خودشون با flex-wrap به خط بعد می‌رن (به‌جای اسکرول افقی یا پنهان‌شدن
   پشت یک دراپ‌داون) — یعنی طراحی واقعاً ریسپانسیوِ بدون هیچ آیتم پنهان. */
.adatask-shell-v2 .av2-subnav {
  min-height: var(--av2-subnav-h); flex: none;
  background: var(--av2-surface);
  border-bottom: 1px solid var(--av2-border);
  border-image: linear-gradient(90deg, var(--av2-purple), var(--av2-teal), var(--av2-turquoise)) 1;
  border-image-slice: 0 0 100% 0;
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 4px;
  padding: 8px var(--av2-s6);
  position: sticky; top: var(--av2-header-h); z-index: 25;
}
.adatask-shell-v2 .av2-subnav-item {
  flex: none; height: var(--av2-ctl-h-sm); padding: 0 13px;
  border: 0; background: transparent;
  border-radius: var(--av2-r-chip);
  font-family: inherit; font-size: var(--av2-small); font-weight: 500;
  color: var(--av2-text-muted); cursor: pointer; white-space: nowrap;
  transition: background var(--av2-dur) var(--av2-ease), color var(--av2-dur) var(--av2-ease);
}
.adatask-shell-v2 .av2-subnav-item:hover { background: var(--av2-border-soft); color: var(--av2-text); }
.adatask-shell-v2 .av2-subnav-item.is-secondary {
  color: var(--av2-text-faint, #8b95a1);
  font-size: 12px;
  height: 28px;
  padding: 0 11px;
}
.adatask-shell-v2 .av2-subnav-item.is-active {
  background: linear-gradient(90deg, var(--av2-purple-tint), var(--av2-teal-tint));
  color: var(--av2-purple-text); font-weight: 600;
  box-shadow: inset 0 -2px 0 var(--av2-purple);
}
.adatask-shell-v2 .av2-subnav-divider {
  align-self: center;
  background: var(--av2-border);
  flex: none;
  height: 18px;
  margin: 0 4px;
  width: 1px;
}

/* ---------- ناحیهٔ محتوا ---------- */
.adatask-shell-v2 .av2-main {
  flex: 1; min-width: 0;
  padding: var(--av2-s5) var(--av2-s6) 44px;
  width: 100%; max-width: var(--av2-content-max);
  animation: av2-fade var(--av2-dur-slow) var(--av2-ease);
}
/* میزبان محتوای فعلی آداتسک — بدون iframe، همان درخت React فعلی */
.adatask-shell-v2 .av2-legacy-host {
  background: var(--av2-surface);
  border: 1px solid var(--av2-border);
  border-radius: var(--av2-r-card);
  box-shadow: var(--av2-sh-card);
  overflow: hidden;
  min-height: 320px;
}
.adatask-shell-v2 .av2-legacy-host > * { max-width: 100%; }

.adatask-shell-v2 .av2-page-head {
  display: flex; align-items: flex-end; justify-content: space-between;
  gap: var(--av2-s4); margin-bottom: var(--av2-s5); flex-wrap: wrap;
}
.adatask-shell-v2 .av2-page-head h1 { font-size: var(--av2-h1); font-weight: 700; letter-spacing: -.2px; margin-bottom: var(--av2-s1); }
.adatask-shell-v2 .av2-page-head p { font-size: var(--av2-body); color: var(--av2-text-muted); }
.adatask-shell-v2 .av2-page-actions { display: flex; gap: var(--av2-s2); flex-wrap: wrap; }

/* ---------- کارت ---------- */
.adatask-shell-v2 .av2-card {
  background: var(--av2-surface);
  border: 1px solid var(--av2-border);
  border-radius: var(--av2-r-card);
  box-shadow: var(--av2-sh-card);
  min-width: 0;
}
.adatask-shell-v2 .av2-card.pad { padding: 18px var(--av2-s5); }
.adatask-shell-v2 .av2-card.hoverable { transition: transform var(--av2-dur) var(--av2-ease), box-shadow var(--av2-dur) var(--av2-ease), border-color var(--av2-dur) var(--av2-ease); }
.adatask-shell-v2 .av2-card.hoverable:hover { transform: translateY(var(--av2-lift)); box-shadow: var(--av2-sh-hover); border-color: #D6DFEA; }
.adatask-shell-v2 .av2-card-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--av2-s3); margin-bottom: var(--av2-s3);
}
.adatask-shell-v2 .av2-card-head h2 { font-size: var(--av2-h2); font-weight: 700; }
.adatask-shell-v2 .av2-card-head h3 { font-size: var(--av2-h3); font-weight: 700; }
.adatask-shell-v2 .av2-card-head p { font-size: var(--av2-small); color: var(--av2-text-faint); margin-top: 3px; }

.adatask-shell-v2 .av2-grid { display: grid; gap: 14px; }
.adatask-shell-v2 .av2-grid.kpi { grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); }
.adatask-shell-v2 .av2-grid.cols { grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); align-items: start; }
.adatask-shell-v2 .av2-grid.wide { grid-template-columns: repeat(auto-fit, minmax(min(440px, 100%), 1fr)); align-items: start; }

.adatask-shell-v2 .av2-kpi-label { font-size: var(--av2-small); color: var(--av2-text-muted); margin-bottom: 10px; }
.adatask-shell-v2 .av2-kpi-value { font-size: var(--av2-kpi); font-weight: 700; letter-spacing: -.8px; line-height: 1.15; font-variant-numeric: tabular-nums; }
.adatask-shell-v2 .av2-kpi-note { font-size: var(--av2-tiny); color: var(--av2-text-faint); margin-top: 7px; }

/* ---------- بج و وضعیت ---------- */
.adatask-shell-v2 .av2-badge {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: var(--av2-tiny); font-weight: 600;
  padding: 3px 9px; border-radius: 7px; white-space: nowrap;
}
.adatask-shell-v2 .av2-badge.green  { color: var(--av2-green);  background: var(--av2-green-tint); }
.adatask-shell-v2 .av2-badge.orange { color: #8A5A12;            background: var(--av2-orange-tint); }
.adatask-shell-v2 .av2-badge.red    { color: var(--av2-red);     background: var(--av2-red-tint); }
.adatask-shell-v2 .av2-badge.teal   { color: #2F6E6E;            background: var(--av2-teal-tint); }
.adatask-shell-v2 .av2-badge.blue   { color: #2C6EA0;            background: var(--av2-blue-tint); }
.adatask-shell-v2 .av2-badge.purple { color: var(--av2-purple-text); background: var(--av2-purple-tint); }
.adatask-shell-v2 .av2-badge.gray   { color: var(--av2-text-muted); background: var(--av2-border-soft); }

/* ---------- جدول ---------- */
.adatask-shell-v2 .av2-table-wrap { overflow-x: auto; }
.adatask-shell-v2 .av2-table { width: 100%; border-collapse: collapse; font-size: var(--av2-small); }
.adatask-shell-v2 .av2-table thead tr { background: var(--av2-surface-alt); color: var(--av2-text-faint); text-align: right; }
.adatask-shell-v2 .av2-table th { padding: 11px 20px; font-weight: 600; white-space: nowrap; }
.adatask-shell-v2 .av2-table td { padding: 12px 20px; border-top: 1px solid var(--av2-divider); }
.adatask-shell-v2 .av2-table tbody tr { transition: background var(--av2-dur) var(--av2-ease); }
.adatask-shell-v2 .av2-table tbody tr.clickable { cursor: pointer; }
.adatask-shell-v2 .av2-table tbody tr:hover { background: var(--av2-surface-alt); }
.adatask-shell-v2 .av2-table td.num { font-variant-numeric: tabular-nums; }
.adatask-shell-v2 .av2-table td.strong { font-weight: 600; }
.adatask-shell-v2 .av2-table td.ellipsis { max-width: 260px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.adatask-shell-v2 .av2-toolbar {
  display: flex; align-items: center; gap: 10px;
  padding: 14px var(--av2-s5);
  border-bottom: 1px solid var(--av2-border-soft);
  flex-wrap: wrap;
}
.adatask-shell-v2 .av2-filters {
  display: flex; gap: var(--av2-s1); flex: 1; min-width: 0;
  overflow-x: auto; scrollbar-width: none; padding-bottom: 2px;
}
.adatask-shell-v2 .av2-filters::-webkit-scrollbar { display: none; }
.adatask-shell-v2 .av2-pager {
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; padding: 13px var(--av2-s5);
  border-top: 1px solid var(--av2-border-soft); flex-wrap: wrap;
}
.adatask-shell-v2 .av2-pager-info { font-size: var(--av2-small); color: var(--av2-text-faint); }

/* کارت‌شدن جدول در موبایل */
.adatask-shell-v2 .av2-rowcards { display: none; padding: var(--av2-s3); flex-direction: column; gap: 10px; }
.adatask-shell-v2 .av2-rowcard {
  border: 1px solid var(--av2-border); border-radius: 14px;
  background: var(--av2-surface-alt); padding: 13px; cursor: pointer;
}
.adatask-shell-v2 .av2-rowcard:hover { border-color: #C9D6E6; }
.adatask-shell-v2 .av2-rowcard-title {
  display: flex; align-items: flex-start; justify-content: space-between;
  gap: 9px; margin-bottom: 10px;
}
.adatask-shell-v2 .av2-rowcard-title b { flex: 1; min-width: 0; font-size: var(--av2-body); font-weight: 600; line-height: 1.55; }
.adatask-shell-v2 .av2-rowcard-pairs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; }
.adatask-shell-v2 .av2-rowcard-pairs dt { font-size: var(--av2-micro); color: var(--av2-text-faint); margin-bottom: 3px; }
.adatask-shell-v2 .av2-rowcard-pairs dd { font-size: var(--av2-small); font-weight: 500; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- فرم ---------- */
.adatask-shell-v2 .av2-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.adatask-shell-v2 .av2-field > label { font-size: var(--av2-small); font-weight: 500; color: var(--av2-text-muted); }
.adatask-shell-v2 .av2-field > label .req { color: var(--av2-orange); }
.adatask-shell-v2 .av2-input,
.adatask-shell-v2 .av2-select,
.adatask-shell-v2 .av2-textarea {
  width: 100%; min-height: var(--av2-ctl-h);
  border: 1px solid var(--av2-border); border-radius: var(--av2-r-ctl);
  background: var(--av2-surface); color: var(--av2-text);
  font-family: inherit; font-size: var(--av2-small);
  padding: 0 12px; direction: rtl;
  transition: border-color var(--av2-dur) var(--av2-ease), box-shadow var(--av2-dur) var(--av2-ease);
}
.adatask-shell-v2 .av2-textarea { padding: 10px 12px; min-height: 92px; line-height: 1.8; resize: vertical; }
.adatask-shell-v2 .av2-input:focus,
.adatask-shell-v2 .av2-select:focus,
.adatask-shell-v2 .av2-textarea:focus {
  outline: none; border-color: var(--av2-purple);
  box-shadow: 0 0 0 3px var(--av2-purple-tint);
}
.adatask-shell-v2 .av2-input.has-error,
.adatask-shell-v2 .av2-select.has-error,
.adatask-shell-v2 .av2-textarea.has-error { border-color: var(--av2-red); }
.adatask-shell-v2 .av2-input.num { font-variant-numeric: tabular-nums; }
/* خطا زیر فیلد، نه Alert عمومی */
.adatask-shell-v2 .av2-field-error { font-size: var(--av2-tiny); color: var(--av2-red); }
.adatask-shell-v2 .av2-field-hint { font-size: var(--av2-tiny); color: var(--av2-text-ghost); }
.adatask-shell-v2 .av2-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 14px; }

/* ---------- Skeleton ---------- */
.adatask-shell-v2 .av2-skeleton {
  background: linear-gradient(90deg, #EEF2F8 25%, #F6F8FB 37%, #EEF2F8 63%);
  background-size: 400% 100%;
  border-radius: 8px;
  animation: av2-shimmer 1.5s ease-in-out infinite;
}
.adatask-shell-v2 .av2-skeleton.line { height: 12px; }
.adatask-shell-v2 .av2-skeleton.title { height: 18px; width: 42%; }
.adatask-shell-v2 .av2-skeleton.block { height: 96px; }

/* ---------- Empty / Error / Permission / Plan lock ---------- */
.adatask-shell-v2 .av2-state {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; padding: 52px var(--av2-s6); gap: 10px;
}
.adatask-shell-v2 .av2-state-mark {
  width: 54px; height: 54px; border-radius: 16px;
  background: var(--av2-border-soft);
  display: grid; place-items: center; margin-bottom: var(--av2-s1);
}
.adatask-shell-v2 .av2-state h3 { font-size: var(--av2-h3); font-weight: 700; }
.adatask-shell-v2 .av2-state p { font-size: var(--av2-small); color: var(--av2-text-muted); max-width: 420px; line-height: 1.9; text-wrap: pretty; }
.adatask-shell-v2 .av2-state.is-error .av2-state-mark { background: var(--av2-red-tint); }
.adatask-shell-v2 .av2-state.is-locked .av2-state-mark { background: var(--av2-orange-tint); }

/* ---------- Overlay: launcher / search / quick create ---------- */
.adatask-shell-v2 .av2-overlay {
  position: fixed; inset: 0; z-index: 90;
  background: rgba(23,52,84,.42);
  backdrop-filter: blur(2px);
  display: flex; align-items: flex-start; justify-content: center;
  padding: 78px var(--av2-s4) var(--av2-s4);
  animation: av2-fade var(--av2-dur) var(--av2-ease);
}
.adatask-shell-v2 .av2-overlay.center { align-items: center; padding: var(--av2-s4); }
.adatask-shell-v2 .av2-sheet {
  width: min(760px, 100%); max-height: 84vh;
  background: var(--av2-surface); border-radius: 20px;
  box-shadow: var(--av2-sh-modal);
  display: flex; flex-direction: column; overflow: hidden;
  animation: av2-pop var(--av2-dur-slow) var(--av2-ease);
}
.adatask-shell-v2 .av2-sheet.sm { width: min(520px, 100%); }
.adatask-shell-v2 .av2-sheet.lg { width: min(980px, 100%); }
.adatask-shell-v2 .av2-sheet-head {
  flex: none; padding: 18px var(--av2-s5) 14px;
  border-bottom: 1px solid var(--av2-border-soft);
  display: flex; align-items: center; gap: var(--av2-s3);
}
.adatask-shell-v2 .av2-sheet-head h2 { flex: 1; min-width: 0; font-size: var(--av2-h2); font-weight: 700; }
.adatask-shell-v2 .av2-sheet-body { flex: 1; min-height: 0; overflow-y: auto; padding: var(--av2-s5); }
.adatask-shell-v2 .av2-sheet-foot {
  flex: none; padding: 14px var(--av2-s5);
  border-top: 1px solid var(--av2-border-soft);
  display: flex; align-items: center; justify-content: flex-end; gap: var(--av2-s2);
  background: var(--av2-surface-alt);
}
.adatask-shell-v2 .av2-launch-group { margin-bottom: var(--av2-s5); }
.adatask-shell-v2 .av2-launch-group h4 {
  font-size: var(--av2-tiny); font-weight: 600; color: var(--av2-text-faint);
  margin-bottom: 10px;
}
.adatask-shell-v2 .av2-launch-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(148px, 1fr)); gap: 9px; }
.adatask-shell-v2 .av2-launch-item {
  display: flex; align-items: center; gap: 9px;
  min-height: var(--av2-touch); padding: 0 12px;
  border: 1px solid var(--av2-border); border-radius: var(--av2-r-inner);
  background: var(--av2-surface); cursor: pointer;
  font-family: inherit; font-size: var(--av2-small); font-weight: 500;
  color: var(--av2-text); text-align: right;
  transition: border-color var(--av2-dur) var(--av2-ease), transform var(--av2-dur) var(--av2-ease);
}
.adatask-shell-v2 .av2-launch-item:hover { border-color: var(--av2-purple); transform: translateY(var(--av2-lift)); }
.adatask-shell-v2 .av2-launch-item.is-active { background: var(--av2-purple-tint); border-color: rgba(151,89,231,.32); color: var(--av2-purple-text); font-weight: 600; }
.adatask-shell-v2 .av2-launch-item span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.adatask-shell-v2 .av2-search-input {
  width: 100%; height: 46px;
  border: 1px solid var(--av2-border); border-radius: var(--av2-r-ctl);
  background: var(--av2-bg); padding: 0 14px;
  font-family: inherit; font-size: 14px; color: var(--av2-text);
}
.adatask-shell-v2 .av2-search-input:focus { outline: none; border-color: var(--av2-purple); box-shadow: 0 0 0 3px var(--av2-purple-tint); }
.adatask-shell-v2 .av2-result {
  display: flex; align-items: center; gap: 11px;
  width: 100%; min-height: var(--av2-touch); padding: 9px 12px;
  border: 0; border-radius: var(--av2-r-inner); background: transparent;
  cursor: pointer; text-align: right; font-family: inherit;
  transition: background var(--av2-dur) var(--av2-ease);
}
.adatask-shell-v2 .av2-result:hover,
.adatask-shell-v2 .av2-result.is-cursor { background: var(--av2-border-soft); }
.adatask-shell-v2 .av2-result-body { flex: 1; min-width: 0; }
.adatask-shell-v2 .av2-result-body b { display: block; font-size: var(--av2-small); font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.adatask-shell-v2 .av2-result-body small { display: block; font-size: var(--av2-tiny); color: var(--av2-text-faint); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- Toast ---------- */
.adatask-shell-v2 .av2-toast {
  position: fixed; bottom: var(--av2-s6); left: var(--av2-s6); z-index: 130;
  display: flex; align-items: center; gap: 10px;
  padding: 13px 17px; border-radius: 14px;
  background: var(--av2-navy); color: #FFFFFF;
  font-size: var(--av2-small); font-weight: 500;
  box-shadow: var(--av2-sh-pop);
  animation: av2-toast var(--av2-dur-slow) var(--av2-ease);
  max-width: min(420px, calc(100vw - 48px));
}
.adatask-shell-v2 .av2-toast.error { background: var(--av2-red); }
.adatask-shell-v2 .av2-toast.warn { background: #8A5A12; }

/* ---------- Drawer و نوار پایین موبایل ---------- */
.adatask-shell-v2 .av2-scrim {
  position: fixed; inset: 0; z-index: 44;
  background: rgba(23,52,84,.45);
  animation: av2-fade var(--av2-dur) var(--av2-ease);
  display: none;
}
.adatask-shell-v2 .av2-bottombar {
  display: none;
  position: fixed; bottom: 0; right: 0; left: 0; z-index: 60;
  height: var(--av2-header-h);
  background: var(--av2-surface);
  border-top: 1px solid var(--av2-border);
  align-items: center; justify-content: space-around;
  padding: 0 var(--av2-s2);
}
.adatask-shell-v2 .av2-tab {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  min-width: var(--av2-touch); min-height: var(--av2-touch);
  border: 0; background: transparent; cursor: pointer;
  color: var(--av2-text-muted); font-family: inherit; position: relative;
}
.adatask-shell-v2 .av2-tab.is-active { color: var(--av2-navy); }
.adatask-shell-v2 .av2-tab span { font-size: 10px; }
.adatask-shell-v2 .av2-tab.fab {
  width: 52px; height: 52px; flex: none; margin-top: -14px;
  border-radius: 17px; background: var(--av2-purple); color: #FFFFFF;
  box-shadow: 0 6px 18px rgba(151,89,231,.34);
}

/* ============================================================
   Responsive
   ============================================================ */

/* لپ‌تاپ تا ۱۴۳۹ */
@media (max-width: 1439px) {
  .adatask-shell-v2 .av2-grid.wide { grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); }
}

/* تبلت / ۱۰۲۴ — سایدبار جمع‌شده به ریل آیکون (نه Drawer) */
@media (max-width: 1024px) {
  .adatask-shell-v2 .av2-aside { width: var(--av2-sidebar-min); }
  .adatask-shell-v2 .av2-brand-text,
  .adatask-shell-v2 .av2-nav-label,
  .adatask-shell-v2 .av2-nav-badge,
  .adatask-shell-v2 .av2-dept-card { display: none; }
  .adatask-shell-v2 .av2-nav { justify-content: center; padding: 0; }
  .adatask-shell-v2 .av2-header { padding: 0 var(--av2-s4); }
  .adatask-shell-v2 .av2-subnav { padding: 0 var(--av2-s4); }
  .adatask-shell-v2 .av2-main { padding: 18px var(--av2-s4) var(--av2-s7); }
  .adatask-shell-v2 .av2-profile-text { display: none; }
  .adatask-shell-v2 .av2-grid.cols,
  .adatask-shell-v2 .av2-grid.wide { grid-template-columns: 1fr; }
}

/* موبایل ≤ ۷۶۸ — Drawer از راست RTL، هدر چندخطی، نوار پایین، بدون سرریز */
@media (max-width: 768px) {
  html:has(.adatask-shell-v2),
  body:has(.adatask-shell-v2) { overflow-x: hidden; max-width: 100%; }

  .adatask-shell-v2 {
    overflow-x: hidden;
    max-width: 100%;
    width: 100%;
  }

  /* ریل ۷۴px تبلت و width حالت collapsed نباید روی موبایل ستون بسازد */
  .adatask-shell-v2 { display: block; }
  .adatask-shell-v2 .av2-column { width: 100%; }
  .adatask-shell-v2 .av2-aside,
  .adatask-shell-v2.av2-collapsed .av2-aside {
    position: fixed !important;
    top: env(safe-area-inset-top, 0px);
    right: 0;
    left: auto;
    bottom: 0;
    width: min(282px, 86vw) !important;
    height: 100dvh;
    max-height: 100%;
    z-index: 140;
    transform: translate3d(110%, 0, 0) !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: transform var(--av2-dur-slow) var(--av2-ease), visibility 0s linear var(--av2-dur-slow);
    box-shadow: -10px 0 40px rgba(23, 52, 84, .26);
  }
  .adatask-shell-v2.av2-drawer .av2-aside,
  .adatask-shell-v2.av2-drawer.av2-collapsed .av2-aside {
    transform: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transition: transform var(--av2-dur-slow) var(--av2-ease), visibility 0s linear 0s;
  }
  .adatask-shell-v2 .av2-header { z-index: 150; }
  .adatask-shell-v2 .av2-header .av2-only-mobile {
    display: grid !important;
    width: var(--av2-touch);
    height: var(--av2-touch);
    min-width: var(--av2-touch);
    min-height: var(--av2-touch);
    background: #173454;
    border-color: #173454;
    color: #fff;
  }
  .adatask-shell-v2 .av2-aside .av2-brand-text,
  .adatask-shell-v2 .av2-aside .av2-nav-label,
  .adatask-shell-v2 .av2-aside .av2-nav-badge,
  .adatask-shell-v2 .av2-aside .av2-dept-card,
  .adatask-shell-v2.av2-collapsed .av2-aside .av2-brand-text,
  .adatask-shell-v2.av2-collapsed .av2-aside .av2-nav-label,
  .adatask-shell-v2.av2-collapsed .av2-aside .av2-nav-badge,
  .adatask-shell-v2.av2-collapsed .av2-aside .av2-dept-card { display: block; }
  .adatask-shell-v2 .av2-aside .av2-nav,
  .adatask-shell-v2.av2-collapsed .av2-aside .av2-nav { justify-content: flex-start; padding: 0 11px; }
  .adatask-shell-v2 .av2-aside .av2-brand { display: flex; }
  .adatask-shell-v2 .av2-aside .av2-avatars { display: flex; }
  .adatask-shell-v2.av2-drawer .av2-scrim { display: block; }

  .adatask-shell-v2 .av2-header {
    height: auto;
    min-height: calc(var(--av2-touch) + env(safe-area-inset-top, 0px));
    flex-wrap: wrap;
    align-items: center;
    padding: calc(8px + env(safe-area-inset-top, 0px)) max(var(--av2-s3), env(safe-area-inset-right, 0px)) 8px max(var(--av2-s3), env(safe-area-inset-left, 0px));
    gap: 8px;
    row-gap: 8px;
  }
  .adatask-shell-v2 .av2-header .av2-only-mobile { order: 1; }
  .adatask-shell-v2 .av2-header .av2-btn.voip {
    order: 2;
    display: inline-flex;
    min-height: var(--av2-touch);
    padding: 0 12px;
  }
  .adatask-shell-v2 .av2-header .av2-btn.create {
    order: 3;
    display: inline-flex;
    min-height: var(--av2-touch);
    padding: 0 12px;
  }
  .adatask-shell-v2 .av2-header .av2-btn.create .av2-hide-mobile-inline { display: inline; }
  .adatask-shell-v2 .av2-header .av2-profile {
    order: 4;
    margin-inline-start: auto;
    border: 0;
    padding: 0;
    min-height: var(--av2-touch);
  }
  .adatask-shell-v2 .av2-header .av2-searchbtn {
    order: 10;
    flex: 1 1 100%;
    max-width: none;
    min-height: var(--av2-touch);
    height: var(--av2-touch);
  }
  .adatask-shell-v2 .av2-header .av2-searchbtn .av2-kbd { display: none; }
  .adatask-shell-v2 .av2-header .av2-iconbtn {
    width: var(--av2-touch);
    height: var(--av2-touch);
    min-width: var(--av2-touch);
    min-height: var(--av2-touch);
  }

  .adatask-shell-v2 .av2-subnav { padding: 0 var(--av2-s3); }
  .adatask-shell-v2 .av2-main { padding: 14px var(--av2-s3) calc(92px + env(safe-area-inset-bottom, 0px)); }
  .adatask-shell-v2 .av2-grid.kpi,
  .adatask-shell-v2 .av2-grid.cols,
  .adatask-shell-v2 .av2-grid.wide,
  .adatask-shell-v2 .av2-cal-shell,
  .adatask-shell-v2 .av2-goal-row,
  .adatask-shell-v2 .av2-cal-body,
  .adatask-shell-v2 .av2-strip,
  .adatask-shell-v2 .av2-mods { grid-template-columns: 1fr; }
  .adatask-shell-v2 .av2-page-head { flex-wrap: wrap; }
  .adatask-shell-v2 .av2-page-head h1 { font-size: 19px; }
  .adatask-shell-v2 .av2-kpi-value { font-size: var(--av2-kpi-sm); }
  .adatask-shell-v2 .av2-greet-main { min-width: 0; }
  .adatask-shell-v2 .av2-cal-cell { min-height: 36px; }
  .adatask-shell-v2 .av2-cal-tags { display: none; }
  .adatask-shell-v2 .av2-table-wrap { display: none; max-width: 100%; }
  .adatask-shell-v2 .av2-rowcards { display: flex; }

  .adatask-shell-v2 .av2-bottombar {
    display: flex;
    height: auto;
    min-height: calc(var(--av2-touch) + env(safe-area-inset-bottom, 0px));
    padding: 6px max(var(--av2-s2), env(safe-area-inset-right, 0px)) calc(6px + env(safe-area-inset-bottom, 0px)) max(var(--av2-s2), env(safe-area-inset-left, 0px));
    z-index: 100;
  }
  .adatask-shell-v2 .av2-tab {
    min-width: var(--av2-touch);
    min-height: var(--av2-touch);
  }
  .adatask-shell-v2 .av2-toast { left: var(--av2-s3); right: var(--av2-s3); bottom: 78px; max-width: none; }
  .adatask-shell-v2 .av2-overlay { padding: var(--av2-s3); align-items: flex-end; }
  .adatask-shell-v2 .av2-sheet { max-height: 88vh; width: 100%; max-width: 100%; }
  .adatask-shell-v2 .av2-launch-grid { grid-template-columns: 1fr 1fr; }
  .adatask-shell-v2 .av2-form-grid { grid-template-columns: 1fr; }
  .adatask-shell-v2 .av2-legacy-host { border-radius: var(--av2-r-inner); max-width: 100%; overflow-x: auto; }
}

/* ============================================================
   Animations — همه ۱۶۰ تا ۲۴۰ms و ease-out
   ============================================================ */
@keyframes av2-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes av2-pop  { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }
@keyframes av2-toast { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes av2-shimmer { from { background-position: 100% 0; } to { background-position: -100% 0; } }
@keyframes av2-rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* احترام کامل به تنظیم سیستم کاربر */
@media (prefers-reduced-motion: reduce) {
  .adatask-shell-v2 *,
  .adatask-shell-v2 *::before,
  .adatask-shell-v2 *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
  .adatask-shell-v2 .av2-card.hoverable:hover { transform: none; }
}

/* چاپ */
@media print {
  .adatask-shell-v2 .av2-aside,
  .adatask-shell-v2 .av2-header,
  .adatask-shell-v2 .av2-subnav,
  .adatask-shell-v2 .av2-bottombar { display: none !important; }
  .adatask-shell-v2 .av2-main { padding: 0; max-width: none; }
}

/* === source/responsive/breakpoints.css === */
/* ============================================================
   AdaTask UI v2 — Responsive helpers
   کلاس‌های کمکی نمایش/پنهان که پوسته در هدر استفاده می‌کند.
   جدا نگه داشته شده‌اند تا Breakpointها یک‌جا قابل بازبینی باشند.
   ============================================================ */

/* پیش‌فرض دسکتاپ */
.adatask-shell-v2 .av2-only-mobile { display: none; }
.adatask-shell-v2 .av2-hide-mobile { display: flex; }
.adatask-shell-v2 .av2-hide-mobile-inline { display: inline; }

@media (max-width: 768px) {
  .adatask-shell-v2 .av2-only-mobile { display: grid; }
  .adatask-shell-v2 .av2-hide-mobile { display: none; }
  .adatask-shell-v2 .av2-hide-mobile-inline { display: none; }
  .adatask-shell-v2 .av2-header .av2-btn.create { padding: 0 12px; }
  .adatask-shell-v2 .av2-header .av2-btn.create .av2-hide-mobile-inline { display: inline; }
  .adatask-shell-v2 .av2-header .av2-btn.voip { display: inline-flex; }
}

/* تبلت: پروفایل بدون متن، سایدبار جمع */
@media (min-width: 769px) and (max-width: 1024px) {
  .adatask-shell-v2 .av2-searchbtn .av2-kbd { display: none; }
}

/* دسکتاپ بزرگ: محتوای وسط‌چین با سقف عرض */
@media (min-width: 1920px) {
  .adatask-shell-v2 .av2-main { margin: 0 auto; }
}

/* ADATASK_UI_V2_EMBED_HOST — داخل پوستهٔ فعلی آداتسک، بدون جایگزینی منو */
.adatask-shell-v2.av2-embed-host {
  display: block;
  min-height: 0;
  width: 100%;
  max-width: 100%;
  background: var(--av2-bg);
  border-radius: 16px;
  overflow-x: hidden;
  overflow-y: visible;
}
.adatask-shell-v2.av2-embed-host .av2-embed-body {
  padding: 4px 2px 20px;
}
.adatask-shell-v2.av2-embed-host > .av2-subnav {
  position: sticky;
  top: 0;
  z-index: 4;
  border-radius: 16px 16px 0 0;
}

/* سوییچ میز جدید / نمای قدیمی */
.av2-ov-switch { direction: rtl; }
.av2-ov-switchbar {
  display: flex; gap: 8px; flex-wrap: wrap; align-items: center;
  margin: 0 0 12px; padding: 6px; background: #F4F7FB; border: 1px solid #E4EBF3;
  border-radius: 14px;
}
.av2-ov-swbtn {
  flex: 1; min-width: 140px; min-height: 42px; border: 0; border-radius: 11px;
  background: transparent; color: #5C7890; font: inherit; font-weight: 800;
  cursor: pointer;
}
.av2-ov-swbtn.on { background: #173454; color: #fff; }

.av2-desk-tools { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.av2-desk-picker {
  background: #fff; border: 1px solid #E4EBF3; border-radius: 14px; padding: 12px 14px;
}
.av2-desk-picker p { margin: 0 0 10px; font-size: 12px; color: #5C7890; line-height: 1.7; }
.av2-desk-pickrow {
  display: flex; align-items: center; gap: 8px; padding: 8px 0;
  border-bottom: 1px solid #F3F6FA; font-size: 13px; font-weight: 700; cursor: pointer;
}
.av2-desk-pickrow small { color: #8494A8; font-weight: 600; margin-right: auto; }
.av2-dw { position: relative; }
.av2-dw.is-drag { opacity: .65; }
.av2-dw-bar {
  display: flex; align-items: center; gap: 8px; margin-bottom: 6px;
}
.av2-dw-handle {
  width: 32px; height: 32px; display: grid; place-items: center;
  border-radius: 8px; background: #F4F7FB; color: #8494A8; cursor: grab; font-size: 14px;
}
.av2-dw-bar b { font-size: 12px; color: #5C7890; font-weight: 800; }
.av2-dw-acts { margin-right: auto; display: flex; gap: 4px; }

.av2-cal-modal {
  position: fixed; inset: 0; z-index: 80; background: rgba(15, 28, 46, .45);
  display: grid; place-items: end center; padding: 12px;
}
.av2-cal-modal-card {
  width: min(560px, 100%); max-height: min(82vh, 720px); overflow: auto;
  background: #fff; border-radius: 18px 18px 12px 12px; padding: 14px 16px 18px;
}
.av2-cal-modal-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.av2-cal-modal-h b { display: block; font-size: 15px; }
.av2-cal-modal-h small { display: block; color: #8494A8; font-size: 12px; }
.av2-cal-modal-list { display: flex; flex-direction: column; gap: 6px; }

@media (max-width: 768px) {
  .av2-ov-switchbar { position: sticky; top: 0; z-index: 6; }
  .av2-cal-modal { place-items: end stretch; padding: 0; }
  .av2-cal-modal-card { width: 100%; border-radius: 18px 18px 0 0; max-height: 88vh; }
  .av2-dw-handle { width: 42px; height: 42px; }
  .adatask-shell-v2.av2-embed-host { border-radius: 0; }
  .adatask-shell-v2.av2-embed-host > .av2-subnav { top: 0; }
  .adatask-shell-v2 .av2-cal-cell { min-height: 44px; }
  .live-bell-pop {
    position: fixed !important; top: 58px !important; left: 8px !important; right: 8px !important;
    width: auto !important; max-height: calc(100vh - 72px) !important; z-index: 4000 !important;
  }
}

/* مرکز تماس چندمستاجره — کالر آیدی و زنگ موبایل */
.adatask-shell-v2 .av2-voip-page { min-width: 0; }
.av2-voip-cid,
.adatask-shell-v2 .av2-voip-cid {
  position: fixed; top: 18px; left: 50%; transform: translateX(-50%);
  z-index: 5000; width: min(420px, calc(100vw - 24px));
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
  padding: 14px 16px; border-radius: 18px;
  background: linear-gradient(135deg, #173454, #2F6E6E); color: #fff;
  box-shadow: 0 18px 40px rgba(23,52,84,.28);
}
.av2-voip-cid-photo,
.adatask-shell-v2 .av2-voip-cid-photo {
  width: 64px; height: 64px; border-radius: 50%; overflow: hidden; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; font-weight: 800; color: #fff; background: #2F6E6E;
  border: 2px solid rgba(255,255,255,.35);
}
.av2-voip-cid-photo img,
.adatask-shell-v2 .av2-voip-cid-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.av2-voip-cid-main { flex: 1; min-width: 0; }
.av2-voip-cid-label,
.adatask-shell-v2 .av2-voip-cid-label { font-size: 11px; opacity: .85; }
.av2-voip-cid-name,
.adatask-shell-v2 .av2-voip-cid-name { font-size: 17px; font-weight: 800; line-height: 1.4; }
.av2-voip-cid-sub,
.adatask-shell-v2 .av2-voip-cid-sub { font-size: 12px; opacity: .9; margin-top: 2px; }
.av2-voip-cid-num,
.adatask-shell-v2 .av2-voip-cid-num { font-size: 13px; opacity: .9; margin-top: 2px; }
.av2-voip-cid .av2-btn.create { background: #fff; color: #173454; }
.av2-voip-cid-actions,
.adatask-shell-v2 .av2-voip-cid-actions { display: flex; gap: 8px; flex-shrink: 0; }
.av2-voip-cid-btn,
.adatask-shell-v2 .av2-voip-cid-btn {
  min-width: 72px; min-height: 40px; border: 0; border-radius: 999px;
  font: inherit; font-size: 13px; font-weight: 800; cursor: pointer; color: #fff;
}
.av2-voip-cid-btn.ans { background: #2E9E6B; }
.av2-voip-cid-btn.hang { background: #C0392B; }
.av2-voip-cid-btn.lead { background: #F0A03A; color: #3C2A0C; }
.av2-voip-cid-btn.ghost { background: rgba(255,255,255,.18); }
.av2-voip-cid-btn:disabled { opacity: .65; cursor: default; }
.av2-voip-cid-timer,
.adatask-shell-v2 .av2-voip-cid-timer {
  margin-top: 6px; font-size: 13px; font-weight: 800; letter-spacing: .04em; opacity: .95;
}
.av2-voip-cid.is-ringing { animation: av2VoipPulse 1.2s ease-in-out infinite; }
.av2-voip-cid.is-talking { background: linear-gradient(135deg, #1B5E4A, #2F6E6E); }
.av2-voip-cid.is-ended { background: linear-gradient(135deg, #3A4A5C, #5A6A7C); }
@keyframes av2VoipPulse {
  0%, 100% { box-shadow: 0 18px 40px rgba(23,52,84,.28); }
  50% { box-shadow: 0 18px 48px rgba(46,158,107,.45); }
}
.adatask-shell-v2 .av2-voip-incoming-label { font-size: 11px; opacity: .85; }
.adatask-shell-v2 .av2-voip-incoming-name { font-size: 16px; font-weight: 800; }
.adatask-shell-v2 .av2-voip-incoming-num { font-size: 13px; opacity: .9; margin-top: 2px; }
.adatask-shell-v2 .av2-voip-incoming .av2-btn.create { background: #fff; color: #173454; }
.adatask-shell-v2 .av2-voip-row {
  display: flex; gap: 8px; align-items: center; padding: 10px 0;
  border-bottom: 1px solid #F3F6FA; flex-wrap: wrap;
}
.adatask-shell-v2 .av2-voip-mobile { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.adatask-shell-v2 .av2-voip-mobile .av2-input { flex: 1 1 180px; min-width: 0; height: 38px; }
.adatask-shell-v2 .av2-voip-policy { display: grid; gap: 8px; }
.adatask-shell-v2 .av2-voip-policy-btn {
  text-align: right; border: 1px solid #E4ECF4; background: #fff; border-radius: 12px;
  padding: 10px 12px; cursor: pointer; font-family: inherit;
}
.adatask-shell-v2 .av2-voip-policy-btn b { display: block; font-size: 13px; }
.adatask-shell-v2 .av2-voip-policy-btn span { display: block; font-size: 11.5px; color: #6B7C93; line-height: 1.7; margin-top: 4px; }
.adatask-shell-v2 .av2-voip-policy-btn.is-on { border-color: #4E9999; background: #ECF8F8; }
@media (max-width: 768px) {
  .adatask-shell-v2 .av2-voip-incoming { position: sticky; top: 0; z-index: 8; }
  .adatask-shell-v2 .av2-voip-incoming .av2-btn { width: 100%; justify-content: center; min-height: 44px; }
  .adatask-shell-v2 .av2-voip-mobile .av2-btn { width: 100%; min-height: 44px; }
  .adatask-shell-v2 .av2-voip-row .av2-btn { min-height: 40px; }
}

.av2-voip-phone {
  flex-direction: column; align-items: stretch; width: min(380px, calc(100vw - 24px));
  padding: 18px 16px 16px; text-align: center;
}
.av2-voip-phone-hero { width: 100%; }
.av2-voip-phone-photo { width: 84px; height: 84px; margin: 0 auto 10px; font-size: 26px; }
.av2-voip-phone-hint { font-size: 11px; opacity: .82; line-height: 1.7; margin: 8px 0 0; }
.av2-voip-phone-actions { justify-content: center; width: 100%; margin-top: 12px; }
.av2-voip-tenant {
  margin: 0 0 14px; padding: 10px 12px; border-radius: 12px;
  background: #EEF6F6; color: #2A5454; font-size: 12.5px; line-height: 1.8;
}
.av2-voip-dialer-screen { width: 100%; height: 46px; font-size: 20px; text-align: center; letter-spacing: .06em; }
.av2-voip-pad, .av2-voip-pad {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 12px 0;
}
.av2-voip-pad-key, .av2-voip-pad-key {
  height: 48px; border: 1px solid #E4ECF4; border-radius: 14px; background: #fff;
  font: inherit; font-size: 18px; font-weight: 800; cursor: pointer; color: #173454;
}
.av2-voip-pad-key:hover, .av2-voip-pad-key:hover { background: #F4F8F8; }
.av2-voip-dialer-row, .av2-voip-dialer-row { display: flex; gap: 8px; }
.av2-voip-dialer-row .av2-btn, .av2-voip-dialer-row .av2-btn { flex: 1; }
.av2-voip-bars { display: flex; align-items: flex-end; gap: 8px; height: 120px; padding-top: 8px; }
.av2-voip-bar { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 6px; }
.av2-voip-bar-fill { width: 100%; max-width: 28px; border-radius: 8px 8px 4px 4px; background: linear-gradient(180deg, #3AA6A6, #2F6E6E); }
.av2-voip-bar span { font-size: 10px; color: #6B7C93; }
.av2-voip-compare { margin: 0; padding: 0 16px 0 0; line-height: 1.9; font-size: 13px; color: #355064; }

/* ============================================================
   PWA / موبایل — safe-area و هماهنگی ویجت شناور چت با نوار پایین
   ============================================================ */
@media (max-width: 768px) {
  .adatask-shell-v2 .av2-tab.fab {
    margin-top: -10px;
    position: relative;
    z-index: 2;
  }
  .adatask-shell-v2 .av2-tab {
    flex: 1 1 0;
    max-width: 20%;
  }
}

@media (max-width: 768px) {
  body:has(.adatask-shell-v2) .adatask-unified-chat-float-btn-v3376 {
    inset-inline-start: auto !important;
    inset-inline-end: max(14px, env(safe-area-inset-inline-end, env(safe-area-inset-right, 0px))) !important;
    left: auto !important;
    right: max(14px, env(safe-area-inset-right, 0px)) !important;
    bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important;
    width: 50px !important;
    height: 50px !important;
    z-index: 90 !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .adatask-shell-v2 .av2-header {
    padding-top: calc(8px + env(safe-area-inset-top, 0px));
    padding-inline: max(var(--av2-s4), env(safe-area-inset-inline-start, env(safe-area-inset-left, 0px))) max(var(--av2-s4), env(safe-area-inset-inline-end, env(safe-area-inset-right, 0px)));
    min-height: calc(var(--av2-header-h) + env(safe-area-inset-top, 0px));
    height: auto;
  }
}

@media (display-mode: standalone) {
  .adatask-shell-v2 .av2-header {
    padding-top: calc(10px + env(safe-area-inset-top, 0px));
  }
}

/* ============================================================
   ADATASK_TICKETING_DESIGN_V3536
   «کلا با قیافهٔ تیکتینگ و پنل خدمات ارتباط نمی‌گیرم.»

   دو صفحه با دو مخاطب کاملاً جدا، ولی هر دو یک چیزند: یک گفتگو.
   قبلاً هر دو با style درون‌خطی ساخته می‌شدند و شبیه یک جدول CRM
   بودند، نه شبیه پیام. این بلوک همان گفتگو را می‌سازد:
   ردیف‌های صندوق با آواتار و خلاصهٔ آخرین پیام، و حباب‌های چت.

   جهت: پوسته RTL است، پس همه‌جا از خاصیت‌های منطقی
   (border-inline-start / border-end-end-radius) استفاده می‌شود
   تا در LTR هم نشکند.
   ============================================================ */

.adatask-shell-v2 .av2-tk-split {
  display: grid;
  gap: var(--av2-s4, 16px);
  grid-template-columns: minmax(280px, 1fr) minmax(320px, 1.35fr);
  align-items: start;
}
/* ستون کناری زیر ۹۰۰ پیکسل جا نمی‌شود؛ قبلاً چون grid درون‌خطی بود
   هیچ media query نمی‌توانست جلویش را بگیرد و روی موبایل له می‌شد. */
@media (max-width: 900px) {
  .adatask-shell-v2 .av2-tk-split { grid-template-columns: 1fr; }
}

/* ---- صندوق گفتگوها ---- */
.adatask-shell-v2 .av2-tk-list { max-height: 620px; overflow-y: auto; }
.adatask-shell-v2 .av2-tk-row {
  display: flex; gap: 10px; align-items: flex-start;
  width: 100%; text-align: start;
  padding: 12px 14px;
  border: 0; border-bottom: 1px solid #F0F4F8;
  border-inline-start: 3px solid transparent;
  background: transparent; cursor: pointer;
  font: inherit; color: inherit;
  transition: background .15s ease, border-color .15s ease;
}
.adatask-shell-v2 .av2-tk-row:hover { background: #FAFCFF; }
.adatask-shell-v2 .av2-tk-row:focus-visible { outline: 2px solid var(--av2-purple, #9759E7); outline-offset: -2px; }
.adatask-shell-v2 .av2-tk-row.is-open {
  background: rgba(151, 89, 231, .07);
  border-inline-start-color: var(--av2-purple, #9759E7);
}
.adatask-shell-v2 .av2-tk-row.is-closed { opacity: .72; }

/* ADATASK_TICKET_LIST_PAGINATION_V1 */
.adatask-shell-v2 .av2-tk-pager {
  display: flex; align-items: center; justify-content: center; gap: 14px;
  padding: 10px 14px; border-top: 1px solid #F0F4F8;
}
.adatask-shell-v2 .av2-tk-pager-info { font-size: 12.5px; font-weight: 700; color: #64748B; font-variant-numeric: tabular-nums; }
.adatask-shell-v2 .av2-tk-pager-btn {
  width: 30px; height: 30px; border-radius: 8px; border: 1px solid #E5E9F0;
  background: #fff; color: #173454; font-size: 14px; cursor: pointer;
  display: grid; place-items: center; transition: background .15s ease, border-color .15s ease;
}
.adatask-shell-v2 .av2-tk-pager-btn:hover:not(:disabled) { background: #F4F8FC; border-color: #CBD5E1; }
.adatask-shell-v2 .av2-tk-pager-btn:disabled { opacity: .4; cursor: default; }

/* ADATASK_TICKET_ETA_JALALI_V1: the trigger/panel are almost entirely
   inline-styled (a one-off form section, matching the rest of this block) -
   these rules only cover what inline styles deliberately leave to the
   stylesheet, so a class carried by every other av2-tk-* element in this
   file has one here too. */
.adatask-shell-v2 .av2-tk-eta-trigger { font-family: inherit; }
.adatask-shell-v2 .av2-tk-eta-panel { direction: rtl; }
.adatask-shell-v2 .av2-tk-eta-month,
.adatask-shell-v2 .av2-tk-eta-year { font-family: inherit; font-size: 12px; border-radius: 6px; border: 1px solid #E5E9F0; }
.adatask-shell-v2 .av2-tk-eta-day { font-family: inherit; }

.adatask-shell-v2 .av2-tk-ava {
  flex: 0 0 auto; width: 36px; height: 36px; border-radius: 50%;
  display: grid; place-items: center;
  font-size: 13px; font-weight: 700; color: #fff;
  background: linear-gradient(135deg, #9759E7, #5FA3D6);
  user-select: none;
}
.adatask-shell-v2 .av2-tk-ava.is-agent { background: linear-gradient(135deg, #4E9999, #96CDCD); }

.adatask-shell-v2 .av2-tk-main { flex: 1; min-width: 0; }
.adatask-shell-v2 .av2-tk-top { display: flex; gap: 8px; align-items: baseline; }
.adatask-shell-v2 .av2-tk-title {
  flex: 1; min-width: 0;
  font-size: 12.5px; font-weight: 600; line-height: 1.7;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.adatask-shell-v2 .av2-tk-time { flex: 0 0 auto; font-size: 10.5px; color: #A3B1C2; }
.adatask-shell-v2 .av2-tk-snippet {
  margin-top: 3px; font-size: 11.5px; color: #7A8CA3; line-height: 1.8;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  line-clamp: 2; overflow: hidden;
}
.adatask-shell-v2 .av2-tk-tags { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }

/* ---- رشتهٔ گفتگو ---- */
.adatask-shell-v2 .av2-tk-thread {
  display: flex; flex-direction: column; gap: 12px;
  padding: 16px 20px; max-height: 420px; overflow-y: auto;
  background: #FBFCFE;
}
.adatask-shell-v2 .av2-tk-msg { max-width: 78%; display: flex; flex-direction: column; gap: 5px; }
/* پیام خودِ بیننده سمت مقابلِ شروع خط قرار می‌گیرد — در RTL یعنی چپ،
   همان‌جایی که هر پیام‌رسان فارسی می‌گذاردش. */
.adatask-shell-v2 .av2-tk-msg.is-mine { align-self: flex-end; }
.adatask-shell-v2 .av2-tk-msg.is-theirs { align-self: flex-start; }
.adatask-shell-v2 .av2-tk-bubble {
  border-radius: 14px; padding: 10px 13px;
  font-size: 12.5px; line-height: 2;
  white-space: pre-wrap; overflow-wrap: anywhere;
}
.adatask-shell-v2 .av2-tk-msg.is-mine .av2-tk-bubble {
  background: rgba(151, 89, 231, .10);
  border: 1px solid rgba(151, 89, 231, .22);
  border-end-end-radius: 4px;
}
.adatask-shell-v2 .av2-tk-msg.is-theirs .av2-tk-bubble {
  background: #fff; border: 1px solid #E7EEF6;
  border-end-start-radius: 4px;
}
.adatask-shell-v2 .av2-tk-msg.is-note .av2-tk-bubble {
  background: rgba(240, 160, 58, .08);
  border: 1px solid rgba(240, 160, 58, .34);
}
.adatask-shell-v2 .av2-tk-meta {
  display: flex; gap: 7px; align-items: center; flex-wrap: wrap;
  font-size: 10.5px; color: #A3B1C2;
}
.adatask-shell-v2 .av2-tk-msg.is-mine .av2-tk-meta { justify-content: flex-end; }

/* ---- کادر نوشتن ---- */
.adatask-shell-v2 .av2-tk-composer {
  display: flex; gap: 9px; align-items: flex-end;
  padding: 12px 16px; border-top: 1px solid #EEF2F8; background: #fff;
}
.adatask-shell-v2 .av2-tk-composer textarea {
  flex: 1; min-height: 46px; max-height: 160px; resize: vertical;
  border: 1px solid #E2E9F2; border-radius: 16px;
  padding: 12px 15px; background: #FBFCFE;
  font: inherit; font-size: 12.5px; line-height: 1.9; color: var(--av2-navy, #173454);
}
.adatask-shell-v2 .av2-tk-composer textarea:focus {
  outline: none; border-color: var(--av2-purple, #9759E7); background: #fff;
  box-shadow: 0 0 0 3px rgba(151, 89, 231, .10);
}
.adatask-shell-v2 .av2-tk-send {
  flex: 0 0 auto; width: 46px; height: 46px; border-radius: 50%;
  border: 0; background: var(--av2-purple, #9759E7); color: #fff;
  display: grid; place-items: center; cursor: pointer;
  transition: filter .15s ease;
}
.adatask-shell-v2 .av2-tk-send:hover:not(:disabled) { filter: brightness(1.08); }
.adatask-shell-v2 .av2-tk-send:disabled { background: #CBD5E1; cursor: not-allowed; }
.adatask-shell-v2 .av2-tk-composer-foot {
  padding: 0 16px 12px; font-size: 11px; color: #8494A8;
  display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
}

/* ---- سربرگ گفتگو ---- */
.adatask-shell-v2 .av2-tk-head { padding: 15px 20px; border-bottom: 1px solid #EEF2F8; }
.adatask-shell-v2 .av2-tk-head h3 {
  font-size: 14.5px; font-weight: 700; line-height: 1.7; margin: 0 0 8px;
}
.adatask-shell-v2 .av2-tk-headline { display: flex; align-items: flex-start; gap: 10px; }
.adatask-shell-v2 .av2-tk-note {
  margin: 0; font-size: 11.5px; color: #8494A8; line-height: 1.95;
}

@media (max-width: 600px) {
  .adatask-shell-v2 .av2-tk-msg { max-width: 90%; }
  .adatask-shell-v2 .av2-tk-thread { padding: 14px; max-height: none; }
  .adatask-shell-v2 .av2-tk-list { max-height: 380px; }
}

@media (prefers-reduced-motion: reduce) {
  .adatask-shell-v2 .av2-tk-row,
  .adatask-shell-v2 .av2-tk-send { transition: none; }
}

/* ============================================================
   ADATASK_TICKETING_CUSTOMER_V3538
   «همچین چیزی سمت کاربر مد نظرمه — خیلی ساده و روان.»

   بازسازی صفحهٔ سمت کاربر طبق ماکاپ کارفرما:
   یک سربرگ با عنوان و توضیح، کارت «ارسال پیام جدید» که همیشه باز
   است (نه پشت مودال)، تب‌های شمارنده‌دار، فهرست گفتگوها، و پایین
   صفحه دو کارت: اطلاع‌رسانی پیامکی و ثبت نظر با ستاره.

   ستون سمت کاربر هیچ عنصر عملیاتی ندارد: نه اولویت، نه شمارهٔ
   تیکت در فهرست، نه مهلت، نه یادداشت داخلی.
   ============================================================ */

.adatask-shell-v2 .av2-tkc-hero {
  display: grid; gap: var(--av2-s4, 16px);
  grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
  align-items: stretch;
  margin-bottom: var(--av2-s4, 16px);
}
@media (max-width: 880px) {
  .adatask-shell-v2 .av2-tkc-hero { grid-template-columns: 1fr; }
  .adatask-shell-v2 .av2-tkc-aside { order: -1; }
}

/* کارت «ارسال پیام جدید» */
.adatask-shell-v2 .av2-tkc-compose {
  background: #fff; border: 1px solid #E7EEF6; border-radius: 18px;
  padding: 18px 20px; display: flex; flex-direction: column; gap: 12px;
}
.adatask-shell-v2 .av2-tkc-compose-head {
  display: flex; align-items: center; gap: 8px;
  font-size: 13.5px; font-weight: 700; color: var(--av2-navy, #173454);
}
.adatask-shell-v2 .av2-tkc-compose-head svg { color: var(--av2-blue, #5FA3D6); }
.adatask-shell-v2 .av2-tkc-compose textarea {
  width: 100%; min-height: 104px; resize: vertical;
  border: 1px solid #E2E9F2; border-radius: 14px; background: #FBFCFE;
  padding: 13px 15px; font: inherit; font-size: 12.5px; line-height: 2;
  color: var(--av2-navy, #173454);
}
.adatask-shell-v2 .av2-tkc-compose textarea:focus {
  outline: none; border-color: var(--av2-purple, #9759E7); background: #fff;
  box-shadow: 0 0 0 3px rgba(151, 89, 231, .10);
}
.adatask-shell-v2 .av2-tkc-actions { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; }
.adatask-shell-v2 .av2-tkc-hint {
  display: flex; align-items: flex-start; gap: 7px;
  font-size: 11px; line-height: 1.9; color: #7A8CA3;
  background: #F6FAFE; border: 1px solid #E4EEF8; border-radius: 12px;
  padding: 9px 11px;
}
.adatask-shell-v2 .av2-tkc-hint svg { flex: 0 0 auto; margin-top: 2px; color: var(--av2-blue, #5FA3D6); }

/* کارت کناری با تصویر */
.adatask-shell-v2 .av2-tkc-aside {
  background: linear-gradient(160deg, #F3F8FE 0%, #EEF4FD 100%);
  border: 1px solid #E0EBF8; border-radius: 18px;
  padding: 20px; display: flex; flex-direction: column;
  align-items: center; justify-content: center; text-align: center; gap: 10px;
}
.adatask-shell-v2 .av2-tkc-aside svg { width: 118px; height: auto; max-width: 100%; }
.adatask-shell-v2 .av2-tkc-aside b { font-size: 13.5px; font-weight: 700; color: var(--av2-navy, #173454); }
.adatask-shell-v2 .av2-tkc-aside span { font-size: 11.5px; line-height: 1.95; color: #6B7C90; }

/* تب‌های شمارنده‌دار */
.adatask-shell-v2 .av2-tkc-tabs {
  display: flex; gap: 4px; flex-wrap: wrap;
  padding: 10px 12px; border-bottom: 1px solid #EEF2F8;
}
.adatask-shell-v2 .av2-tkc-tab {
  display: inline-flex; align-items: center; gap: 6px;
  border: 0; background: transparent; cursor: pointer;
  font: inherit; font-size: 12px; color: #6B7C90;
  padding: 8px 13px; border-radius: 10px;
  transition: background .15s ease, color .15s ease;
}
.adatask-shell-v2 .av2-tkc-tab:hover { background: #F4F8FC; }
.adatask-shell-v2 .av2-tkc-tab.is-active {
  background: rgba(151, 89, 231, .10); color: var(--av2-purple-text, #6B37B8); font-weight: 700;
}
.adatask-shell-v2 .av2-tkc-tab .av2-tkc-count {
  font-size: 10.5px; font-variant-numeric: tabular-nums;
  background: #EEF3F9; color: #6B7C90; border-radius: 999px; padding: 1px 7px;
}
.adatask-shell-v2 .av2-tkc-tab.is-active .av2-tkc-count { background: rgba(151, 89, 231, .18); color: var(--av2-purple-text, #6B37B8); }

/* دو کارت پایین صفحه */
.adatask-shell-v2 .av2-tkc-foot {
  display: grid; gap: var(--av2-s4, 16px);
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  margin-top: var(--av2-s4, 16px);
}
.adatask-shell-v2 .av2-tkc-fcard {
  display: flex; align-items: center; gap: 13px;
  background: #fff; border: 1px solid #E7EEF6; border-radius: 16px; padding: 15px 17px;
}
.adatask-shell-v2 .av2-tkc-ficon {
  flex: 0 0 auto; width: 42px; height: 42px; border-radius: 13px;
  display: grid; place-items: center; color: #fff;
  background: linear-gradient(135deg, #4E9999, #96CDCD);
}
.adatask-shell-v2 .av2-tkc-fcard.is-review .av2-tkc-ficon { background: linear-gradient(135deg, #F0A03A, #F5C26B); }
.adatask-shell-v2 .av2-tkc-fbody { flex: 1; min-width: 0; }
.adatask-shell-v2 .av2-tkc-fbody b { display: block; font-size: 12.5px; font-weight: 700; margin-bottom: 3px; }
.adatask-shell-v2 .av2-tkc-fbody span { display: block; font-size: 11px; line-height: 1.9; color: #7A8CA3; }

/* ستاره‌ها */
.adatask-shell-v2 .av2-tkc-stars { display: inline-flex; gap: 3px; margin-top: 7px; }
.adatask-shell-v2 .av2-tkc-star {
  border: 0; background: transparent; cursor: pointer; padding: 1px;
  font-size: 17px; line-height: 1; color: #D6DEE8;
  transition: color .12s ease, transform .12s ease;
}
.adatask-shell-v2 .av2-tkc-star:hover { transform: scale(1.14); }
.adatask-shell-v2 .av2-tkc-star.is-on { color: #F0A03A; }
.adatask-shell-v2 .av2-tkc-star:disabled { cursor: default; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .adatask-shell-v2 .av2-tkc-tab,
  .adatask-shell-v2 .av2-tkc-star { transition: none; }
}

/* ============================================================
   ADATASK_TICKET_FACE_V3539
   «نام فرد و شرکتش و آواتارش هم بنداز برای کارشناس پشتیبانی —
    همچنین در پنل کاربر هم آواتارشو بذار.»

   یک چهره، سه جا: ردیف صندوق، سربرگ گفتگو، و کنار هر حباب پیام.
   اگر کاربر عکس پروفایل دارد همان نشان داده می‌شود؛ وگرنه حرف اول
   روی رنگ خودش. همان قراردادی که بقیهٔ آداتسک استفاده می‌کند.
   ============================================================ */

.adatask-shell-v2 .av2-face {
  flex: 0 0 auto; border-radius: 50%; overflow: hidden;
  display: grid; place-items: center;
  color: #fff; font-weight: 700; line-height: 1;
  user-select: none; background: var(--av2-purple, #9759E7);
}
.adatask-shell-v2 .av2-face img {
  width: 100%; height: 100%; object-fit: cover; display: block;
}

/* هویت ثبت‌کننده در سربرگ گفتگو */
.adatask-shell-v2 .av2-who {
  display: flex; align-items: center; gap: 10px;
  margin-top: 10px; padding: 9px 11px;
  background: #FBFCFE; border: 1px solid #EEF2F8; border-radius: 12px;
}
.adatask-shell-v2 .av2-who-body { min-width: 0; }
.adatask-shell-v2 .av2-who-name {
  display: block; font-size: 12.5px; font-weight: 700; line-height: 1.7;
  color: var(--av2-navy, #173454);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.adatask-shell-v2 .av2-who-org {
  display: block; font-size: 11px; color: #7A8CA3; line-height: 1.8;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* چهره کنار حباب پیام */
.adatask-shell-v2 .av2-tk-line { display: flex; align-items: flex-end; gap: 8px; max-width: 78%; }
.adatask-shell-v2 .av2-tk-line.is-mine { align-self: flex-end; flex-direction: row-reverse; }
.adatask-shell-v2 .av2-tk-line.is-theirs { align-self: flex-start; }
.adatask-shell-v2 .av2-tk-line > .av2-tk-msg { max-width: none; min-width: 0; }

@media (max-width: 600px) {
  .adatask-shell-v2 .av2-tk-line { max-width: 92%; }
}


/* ADATASK_AFTER_SALES_JALALI_FILTER_V1 */
.adatask-shell-v2 .av2-afs-date-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#64748B;white-space:nowrap}
.adatask-shell-v2 .av2-afs-jdate{position:relative;min-width:142px}
.adatask-shell-v2 .av2-afs-jdate-trigger{width:142px!important;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:right;cursor:pointer;font-family:inherit}
.adatask-shell-v2 .av2-afs-jdate-trigger .muted{color:#94A3B8}
.adatask-shell-v2 .av2-afs-jdate-panel{position:absolute;z-index:80;top:calc(100% + 6px);inset-inline-end:0;width:264px;padding:10px;background:#fff;border:1px solid #E2E8F0;border-radius:14px;box-shadow:0 14px 34px rgba(15,23,42,.14);direction:rtl}
.adatask-shell-v2 .av2-afs-jdate-head{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;gap:6px;margin-bottom:8px}
.adatask-shell-v2 .av2-afs-jdate-head>button{width:30px;height:30px;border:1px solid #E2E8F0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;font-size:18px}
.adatask-shell-v2 .av2-afs-jdate-selects{display:grid;grid-template-columns:1fr 82px;gap:5px}
.adatask-shell-v2 .av2-afs-jdate-selects select{min-width:0;border:1px solid #E2E8F0;background:#F8FAFC;border-radius:8px;padding:5px 6px;font-family:inherit;font-size:11px;color:#334155}
.adatask-shell-v2 .av2-afs-jdate-week,.adatask-shell-v2 .av2-afs-jdate-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.adatask-shell-v2 .av2-afs-jdate-week{margin-bottom:4px;color:#94A3B8;font-size:10px;font-weight:800}
.adatask-shell-v2 .av2-afs-jdate-day{height:30px;border:1px solid transparent;background:transparent;border-radius:8px;color:#334155;font-family:inherit;font-size:11px;cursor:pointer}
.adatask-shell-v2 .av2-afs-jdate-day:hover{background:#F1F5F9}
.adatask-shell-v2 .av2-afs-jdate-day.today{border-color:#CBD5E1}
.adatask-shell-v2 .av2-afs-jdate-day.on{background:#EEF2FF;border-color:#A5B4FC;color:#4338CA;font-weight:900}
.adatask-shell-v2 .av2-afs-jdate-foot{display:flex;justify-content:space-between;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #F1F5F9}
.adatask-shell-v2 .av2-afs-jdate-foot button{border:0;background:transparent;color:#2563EB;font-family:inherit;font-size:10.5px;font-weight:850;cursor:pointer;padding:4px 6px}
@media(max-width:760px){
  .adatask-shell-v2 .av2-afs-date-label{width:100%;display:grid;grid-template-columns:68px minmax(0,1fr)}
  .adatask-shell-v2 .av2-afs-jdate,.adatask-shell-v2 .av2-afs-jdate-trigger{width:100%!important;min-width:0}
  .adatask-shell-v2 .av2-afs-jdate-panel{width:min(264px,calc(100vw - 44px));inset-inline-end:0}
}

/* ================= ADATASK_TICKETING_UI_V3740 =================
   Customer ticketing: compact three-zone support workspace. No decorative
   hero; new request, conversations, and active thread are the hierarchy. */
.adatask-shell-v2 .av2-ticketing-v3740{
  --tk-ink:#173454;--tk-muted:#708397;--tk-line:#dbe5ec;--tk-soft:#f4f7f9;
  --tk-teal:#0f7f86;--tk-teal-soft:#e8f5f4;--tk-blue:#3f6f9f;
  min-width:0;
}
.adatask-shell-v2 .av2-ticketing-v3740>.av2-page-head{margin-bottom:10px}
.adatask-shell-v2 .av2-tkv4-status{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 12px;padding:8px 10px;border:1px solid var(--tk-line);
  border-radius:13px;background:#fff;box-shadow:0 2px 10px rgba(23,52,84,.035);
}
.adatask-shell-v2 .av2-tkv4-summary{
  display:flex;align-items:center;gap:9px;min-width:0;padding:0!important;
  background:transparent!important;border:0!important;text-align:start!important;
}
.adatask-shell-v2 .av2-tkv4-summary-icon{
  width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;
  border-radius:9px;background:var(--tk-teal-soft);color:var(--tk-teal);
}
.adatask-shell-v2 .av2-tkv4-summary-copy{display:grid;gap:1px;min-width:0}
.adatask-shell-v2 .av2-tkv4-summary-copy b{font-size:12px;color:var(--tk-ink);font-weight:800}
.adatask-shell-v2 .av2-tkv4-summary-copy span{
  font-size:10.5px;color:var(--tk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.adatask-shell-v2 .av2-tkv4-summary-state{
  padding:3px 7px;border-radius:999px;background:#eaf7ef;color:#287653;font-size:9.5px;font-weight:800
}
.adatask-shell-v2 .av2-tkv4-metrics{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.adatask-shell-v2 .av2-tkv4-metric{
  display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 9px;
  border:1px solid #dce6ec;border-radius:9px;background:#f7f9fb;color:#6a7b8c;font-size:10px
}
.adatask-shell-v2 .av2-tkv4-metric b{font-size:12px;color:#314c63}
.adatask-shell-v2 .av2-tkv4-metric.is-answer{background:#edf7f5;border-color:#d2ebe6;color:#397469}
.adatask-shell-v2 .av2-tkv4-metric.is-answer b{color:#176d65}
.adatask-shell-v2 .av2-tkv4-metric.is-archive{background:#f6f4f8;border-color:#e6e0ea;color:#7d7085}
.adatask-shell-v2 .av2-tkv4-shell{
  display:grid!important;grid-template-columns:330px 350px minmax(0,1fr)!important;
  gap:12px!important;align-items:start!important;margin:0!important;background:transparent!important;
}
.adatask-shell-v2 .av2-tkv4-new,
.adatask-shell-v2 .av2-tkv4-inbox,
.adatask-shell-v2 .av2-tkv4-thread{min-width:0}
.adatask-shell-v2 .av2-tkv4-new .av2-tkc-compose{
  margin:0;padding:14px;border:1px solid var(--tk-line);border-radius:16px;background:#fff;
  box-shadow:0 4px 16px rgba(23,52,84,.045)
}
.adatask-shell-v2 .av2-tkv4-new .av2-tkc-compose-head{
  margin:0 0 10px;padding:0;gap:8px;font-size:12px;font-weight:800;color:var(--tk-ink)
}
.adatask-shell-v2 .av2-tkv4-new .av2-tkc-compose textarea{
  min-height:126px;margin:0 0 10px;padding:11px 12px;border:1px solid #d7e2e9;border-radius:11px;
  background:#f9fbfc;color:var(--tk-ink);font-size:12px;line-height:1.9;box-shadow:none
}
.adatask-shell-v2 .av2-tkv4-new .av2-tkc-compose textarea:focus{
  border-color:#78afb2;background:#fff;box-shadow:0 0 0 3px rgba(15,127,134,.08);outline:0
}
.adatask-shell-v2 .av2-tkv4-new .av2-tkc-actions{gap:7px}
.adatask-shell-v2 .av2-tkv4-new .av2-tkc-actions .av2-btn{min-height:34px;border-radius:9px}
.adatask-shell-v2 .av2-tkv4-new .av2-tkc-hint{
  margin-top:10px;padding-top:9px;border-top:1px dashed #e1e8ed;background:transparent;
  color:#7c8c99;font-size:10px;line-height:1.75
}
.adatask-shell-v2 .av2-tkv4-inbox>.av2-card,
.adatask-shell-v2 .av2-tkv4-thread>.av2-card{
  margin:0;border:1px solid var(--tk-line);border-radius:16px;background:#fff;
  box-shadow:0 4px 16px rgba(23,52,84,.04);overflow:hidden
}
.adatask-shell-v2 .av2-tkv4-inbox>.av2-card{min-height:520px}
.adatask-shell-v2 .av2-tkv4-thread>.av2-card{min-height:520px}
.adatask-shell-v2 .av2-tkv4-inbox .av2-tkc-tabs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;border-bottom:1px solid #e7edf1;background:#f8fafb
}
.adatask-shell-v2 .av2-tkv4-inbox .av2-tkc-tab{
  min-width:0;height:32px;padding:0 7px;border:0;border-radius:8px;background:transparent;
  color:#748696;font-size:10.5px;font-weight:700;justify-content:center
}
.adatask-shell-v2 .av2-tkv4-inbox .av2-tkc-tab.is-active{
  background:#fff;color:#1e5961;box-shadow:0 1px 5px rgba(23,52,84,.08)
}
.adatask-shell-v2 .av2-tkv4-inbox .av2-tkc-tab .av2-tkc-count{
  min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;border-radius:6px;
  background:#e9eef2;color:#647687;font-size:9px
}
.adatask-shell-v2 .av2-tkv4-inbox .av2-tkc-tab.is-active .av2-tkc-count{background:#e4f3f2;color:#126c72}
.adatask-shell-v2 .av2-tkv4-inbox .av2-tk-list{padding:4px 8px 8px}
.adatask-shell-v2 .av2-tkv4-inbox .av2-tk-row{
  min-height:76px;margin:0;padding:10px 7px;border:0;border-bottom:1px solid #edf1f4;border-radius:0;
  background:transparent;box-shadow:none;border-inline-start:3px solid transparent
}
@media (hover:hover) and (pointer:fine){
 .adatask-shell-v2 .av2-tkv4-inbox .av2-tk-row:hover{background:#f7fafb}
}
.adatask-shell-v2 .av2-tkv4-inbox .av2-tk-row.is-open{
  background:#eef7f6;border-inline-start-color:var(--tk-teal);box-shadow:none
}
.adatask-shell-v2 .av2-tkv4-inbox .av2-tk-title{font-size:11.5px;font-weight:800;color:#29445a}
/* ADATASK_TICKET_UNREAD_NOTIFY_V3766 */
.adatask-shell-v2 .av2-tk-row.is-unread,
.adatask-shell-v2 .av2-tkv4-inbox .av2-tk-row.is-unread{background:#F0F9FF;border-inline-start-color:#0B6E78}
.adatask-shell-v2 .av2-tk-row.is-unread .av2-tk-title{font-weight:950;color:#173454}
.adatask-shell-v2 .av2-tk-unread-badge{flex:0 0 auto;display:inline-grid;place-items:center;min-width:34px;height:19px;padding:0 7px;border-radius:999px;background:#EF4F5F;color:#fff;font-size:9px;font-weight:950;line-height:1}
/* /ADATASK_TICKET_UNREAD_NOTIFY_V3766 */
.adatask-shell-v2 .av2-tkv4-inbox .av2-tk-time{font-size:9px;color:#97a4af}
.adatask-shell-v2 .av2-tkv4-inbox .av2-tk-snippet{
  margin-top:3px;font-size:10px;line-height:1.7;color:#768795;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.adatask-shell-v2 .av2-tkv4-inbox .av2-tk-tags{margin-top:4px;gap:4px}
.adatask-shell-v2 .av2-tkv4-inbox .av2-badge{font-size:8.5px;padding:2px 6px}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-head{
  padding:13px 15px 11px;border-bottom:1px solid #e7edf1;background:#fff
}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-headline h3{font-size:13px;font-weight:850;color:var(--tk-ink)}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-note{margin:6px 0 0;color:#748696;font-size:10.5px;line-height:1.8}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-thread{
  min-height:344px;max-height:55vh;padding:14px 15px;background:#f6f8fa;scrollbar-gutter:stable
}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-line{margin-bottom:10px;gap:7px}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-msg{max-width:min(78%,620px)}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-meta{margin-bottom:3px;font-size:8.8px;color:#8a99a6}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-bubble{
  padding:9px 11px;border-radius:12px;background:#fff;border:1px solid #dfe7ed;
  color:#31475a;font-size:11px;line-height:1.9;box-shadow:0 1px 3px rgba(23,52,84,.025)
}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-msg.is-mine .av2-tk-bubble{
  background:#e7f4f3;border-color:#cbe5e2;color:#22575a
}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-composer{
  gap:7px;padding:10px 12px;border-top:1px solid #e0e8ed;background:#fff
}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-composer textarea{
  min-height:38px;max-height:110px;padding:8px 10px;border:1px solid #d7e2e9;border-radius:10px;background:#f8fafb;
  color:#29445a;font-size:11px;line-height:1.8;box-shadow:none
}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-composer textarea:focus{background:#fff;border-color:#78afb2;box-shadow:0 0 0 3px rgba(15,127,134,.08)}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-send{
  width:38px;height:38px;min-width:38px;border-radius:10px;background:#0f7f86;color:#fff;box-shadow:none
}
@media (hover:hover) and (pointer:fine){
 .adatask-shell-v2 .av2-tkv4-thread .av2-tk-send:hover{background:#0b6d73}
}
.adatask-shell-v2 .av2-ticketing-v3740 .av2-tkc-foot{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px
}
.adatask-shell-v2 .av2-ticketing-v3740 .av2-tkc-fcard{
  margin:0;padding:11px 12px;border:1px solid #e0e8ed;border-radius:13px;background:#fff;box-shadow:none
}
.adatask-shell-v2 .av2-ticketing-v3740 .av2-tkc-ficon{
  width:31px;height:31px;border-radius:9px;background:#eef4f7;color:#56768b
}
.adatask-shell-v2 .av2-ticketing-v3740 .av2-tkc-fcard.is-review .av2-tkc-ficon{background:#fff3dc;color:#b47a24}
.adatask-shell-v2 .av2-ticketing-v3740 .av2-tkc-fbody b{font-size:11.5px;color:#31475a}
.adatask-shell-v2 .av2-ticketing-v3740 .av2-tkc-fbody span{font-size:10px;color:#7c8c99;line-height:1.75}

@media(max-width:1240px){
 .adatask-shell-v2 .av2-tkv4-shell{grid-template-columns:1fr 1fr!important}
 .adatask-shell-v2 .av2-tkv4-new{grid-column:1/-1}
 .adatask-shell-v2 .av2-tkv4-new .av2-tkc-compose{display:grid;grid-template-columns:1fr auto;column-gap:12px}
 .adatask-shell-v2 .av2-tkv4-new .av2-tkc-compose-head,
 .adatask-shell-v2 .av2-tkv4-new .av2-tkc-compose textarea,
 .adatask-shell-v2 .av2-tkv4-new .av2-tkc-hint{grid-column:1/-1}
 .adatask-shell-v2 .av2-tkv4-new .av2-tkc-actions{align-self:end}
}
@media(max-width:820px){
 .adatask-shell-v2 .av2-tkv4-status{align-items:stretch;flex-direction:column}
 .adatask-shell-v2 .av2-tkv4-metrics{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
 .adatask-shell-v2 .av2-tkv4-metric{justify-content:center}
 .adatask-shell-v2 .av2-tkv4-shell{grid-template-columns:1fr!important}
 .adatask-shell-v2 .av2-tkv4-new,.adatask-shell-v2 .av2-tkv4-inbox,.adatask-shell-v2 .av2-tkv4-thread{grid-column:1!important}
 .adatask-shell-v2 .av2-tkv4-inbox>.av2-card,
 .adatask-shell-v2 .av2-tkv4-thread>.av2-card{min-height:0}
 .adatask-shell-v2 .av2-tkv4-thread .av2-tk-thread{max-height:none;min-height:260px}
 .adatask-shell-v2 .av2-ticketing-v3740 .av2-tkc-foot{grid-template-columns:1fr}
}
@media(max-width:520px){
 .adatask-shell-v2 .av2-tkv4-status{padding:8px}
 .adatask-shell-v2 .av2-tkv4-summary-state{display:none}
 .adatask-shell-v2 .av2-tkv4-summary-copy span{white-space:normal;line-height:1.65}
 .adatask-shell-v2 .av2-tkv4-new .av2-tkc-compose{display:block;padding:12px}
 .adatask-shell-v2 .av2-tkv4-new .av2-tkc-compose textarea{min-height:104px}
 .adatask-shell-v2 .av2-tkv4-inbox .av2-tkc-tabs{gap:2px;padding:6px}
 .adatask-shell-v2 .av2-tkv4-inbox .av2-tkc-tab{font-size:9.5px;padding:0 4px}
 .adatask-shell-v2 .av2-tkv4-thread .av2-tk-msg{max-width:86%}
}
@media(prefers-reduced-motion:reduce){
 .adatask-shell-v2 .av2-ticketing-v3740 *{scroll-behavior:auto!important;transition-duration:.01ms!important}
}
/* ================= /ADATASK_TICKETING_UI_V3740 ================= */

/* ADATASK_TICKETING_FILTER_V3740: one compact filter replaces three competing tab actions. */
.adatask-shell-v2 .av2-tkv4-inbox .av2-tkc-tabs.av2-tkv4-filterbar{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  padding:8px!important;background:#f8fafb!important;border-bottom:1px solid #e7edf1!important;
}
.adatask-shell-v2 .av2-tkv4-filter{
  width:100%;height:34px;padding:0 10px;border:1px solid #d8e3ea;border-radius:9px;
  background:#fff;color:#365268;font:inherit;font-size:10.5px;font-weight:750;outline:0;cursor:pointer;
}
.adatask-shell-v2 .av2-tkv4-filter:focus-visible{border-color:#78afb2;box-shadow:0 0 0 3px rgba(15,127,134,.08)}

/* ADATASK_TICKETING_A11Y_POLISH_V3740 */
.adatask-shell-v2 .av2-tkv4-summary{
  flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:start!important;gap:8px!important
}
.adatask-shell-v2 .av2-tkv4-summary-copy{gap:0!important}
.adatask-shell-v2 .av2-tkv4-metrics{gap:8px!important}
.adatask-shell-v2 .av2-tkv4-new .av2-tkc-actions .av2-btn{min-height:44px!important;padding-block:8px!important}
.adatask-shell-v2 .av2-tkv4-filter{height:44px!important;min-height:44px!important}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-send{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-composer textarea{min-height:44px!important}
.adatask-shell-v2 .av2-ticketing-v3740 .av2-tkc-star{
  min-width:44px;min-height:44px;padding:0;border-radius:9px;display:inline-grid;place-items:center;
  transition:color .12s ease,background-color .12s ease
}
@media (hover:hover) and (pointer:fine){
 .adatask-shell-v2 .av2-ticketing-v3740 .av2-tkc-star:hover{transform:none;background:#fff7e8;color:#d89128}
}
@media(max-width:520px){
 .adatask-shell-v2 .av2-ticketing-v3740 .av2-tkc-stars{display:grid;grid-template-columns:repeat(5,44px);gap:4px}
}
.adatask-shell-v2 .av2-ticketing-v3740 .av2-tkc-star:hover{transform:none}

/* ADATASK_TICKETING_COMPOSER_V3741
   Bigger writing surfaces with controlled auto-grow for ticket creation and replies. */
.adatask-shell-v2 .av2-tkv4-new .av2-tkc-compose textarea{
  min-height:160px!important;max-height:320px!important;resize:vertical!important;
  font-size:12.5px!important;line-height:1.95!important;padding:13px 14px!important
}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-composer{
  align-items:flex-end!important
}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-composer textarea{
  min-height:88px!important;max-height:240px!important;resize:vertical!important;
  font-size:11.5px!important;line-height:1.9!important;padding:10px 11px!important
}
.adatask-shell-v2 .av2-tkv4-thread .av2-tk-send{
  align-self:flex-end!important
}
@media(max-width:1024px){
 .adatask-shell-v2 .av2-tkv4-new .av2-tkc-compose textarea{min-height:140px!important}
 .adatask-shell-v2 .av2-tkv4-thread .av2-tk-composer textarea{min-height:80px!important}
}
@media(max-width:640px){
 .adatask-shell-v2 .av2-tkv4-new .av2-tkc-compose textarea{min-height:120px!important;max-height:280px!important}
 .adatask-shell-v2 .av2-tkv4-thread .av2-tk-composer textarea{min-height:72px!important;max-height:200px!important}
}

.adatask-shell-v2 .av2-tkv4-metric.is-unread{border-color:#BAE6FD;background:#F0F9FF;color:#0369A1}