/* Scoped */
.ms-changelog-viewer, .ms-changelog-viewer * { box-sizing: border-box; }
.ms-changelog-viewer { direction: rtl; font-family: iransans, sans-serif; color:#0f172a; }

/* Wrapper */
.ms-chv-wrap{
  width:1200px; max-width:100%; margin:0 auto;
  background:#ffffff; border-radius:20px; padding:22px 18px 18px;
  box-shadow:0 16px 44px rgba(23,43,99,.10);
  border:1px solid #eef2ff;
}

/* Header */
.ms-chv-head{ display:flex; align-items:center; gap:10px; margin-bottom:14px; }
.ms-chv-head h3{ margin:0; font-size:1.2rem; font-weight:900; color:#111827; }
.ms-chv-head .fa-code-branch{ color:#4f8cff; }

/* States */
.ms-chv-empty,.ms-chv-error{
  text-align:center; padding:18px; border-radius:14px; margin:10px 0; font-weight:700;
}
.ms-chv-empty{ color:#6b7280; border:1px dashed #e5e7eb; background:#f9fafb; }
.ms-chv-error{ color:#b91c1c; border:1px solid #fecaca; background:#fff1f2; }

/* Item */
.ms-chv-item{
  border:1px solid #e8ecff; border-radius:14px; margin:8px 0; overflow:hidden;
  background:linear-gradient(180deg,#ffffff 0%,#fbfbff 100%);
}
.ms-chv-accordion{
  width:100%; background:transparent; border:0; outline:none; cursor:pointer; text-align:inherit;
  padding:10px 12px; /* ارتفاع کمتر */
  display:block;
}
.ms-chv-accordion:hover{ background:#f7faff; }

/* Row: Title 40% | Date 20% | Ver 20% | Cat 20% | Caret same row */

/* Title */
.ms-chv-title{
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:800; color:#0f172a; font-size:.95rem;
}
.cat-ic{ font-size:1rem; margin-left:6px; }

/* Chips (smaller height) */
.ms-chv-chip{
  display:inline-flex; align-items:center; gap:6px;
  height:28px; padding:0 10px; border-radius:999px; font-weight:800; font-size:.88rem;
  background:#f6f8ff; color:#1f2937; box-shadow:inset 0 0 0 1px rgba(79,140,255,.10);
}
.ms-chv-date i{ color:#f59e0b; }  /* orange */
.ms-chv-ver  i{ color:#10b981; }  /* green  */
.ms-chv-cat  i{ color:#6366f1; }  /* indigo */

/* Caret */
.ms-chv-caret{ color:#64748b; opacity:.7; transition:transform .2s, opacity .2s; justify-self:end; }
.ms-chv-accordion[aria-expanded="true"] .ms-chv-caret{ transform: rotate(180deg); opacity:.95; }

/* Detail */
.ms-chv-panel{ padding:0 12px 12px; border-top:1px solid #eef2ff; background:#ffffff; }
.ms-chv-desc{ line-height:1.85; color:#334155; padding-top:10px; font-weight:600; }

/* Actions (Link) */
.ms-chv-actions{ text-align:center; margin-top:12px; }
.ms-chv-loadmore-link{
  display:inline-flex; align-items:center; gap:8px; justify-content:center;
  height:40px; padding:0 18px; border-radius:999px; text-decoration:none;
  background:linear-gradient(180deg,#4f8cff,#3a6fe6); color:#fff; font-weight:900;
  box-shadow:0 12px 26px rgba(79,140,255,.35);
}
.ms-chv-loadmore-link:hover{ filter:brightness(1.06); transform:translateY(-1px); }


/* Dark */
@media (prefers-color-scheme: dark){
  .ms-chv-wrap{ background:#0f1115; box-shadow:none; border-color:#23283a; }
  .ms-chv-head h3{ color:#e5e7eb; }
  .ms-chv-empty{ color:#9ca3af; border-color:#262a36; background:#12151c; }
  .ms-chv-item{ border-color:#23283a; background:linear-gradient(180deg,#0f121a 0%,#0c1018 100%); }
  .ms-chv-accordion:hover{ background:#0e1218; }
  .ms-chv-chip{ background:#1a2033; color:#cbd5e1; box-shadow:inset 0 0 0 1px rgba(79,140,255,.18); }
  .ms-chv-desc{ color:#e5e7eb; }
}
.ms-chv-row{ display:grid; grid-template-columns: 40% 20% 20% 20% 28px; align-items:center; gap:10px; }
.ms-chv-row .col{ display:flex; align-items:center; justify-content:flex-start; min-width:0; }
/* ===== Grid row: Title 40% | Date 20% | Ver 20% | Cat 20% | Caret ===== */
.ms-changelog-viewer .ms-chv-accordion{
  display: grid;
  grid-template-columns: 60% 10% 10% 20% 24px;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;           /* ردیف‌ها کمی جمع‌وجورتر */
  background: transparent;
  border: 0;
  text-align: inherit;
  cursor: pointer;
}

/* عنوان در ستون اول */
.ms-changelog-viewer .ms-chv-title{
  grid-column: 1;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 800;
  font-family: iransans, sans-serif;
}

/* متا را به ستون‌های جدا تبدیل می‌کنیم */
.ms-changelog-viewer .ms-chv-meta{
  display: contents; /* محتوا را مستقیم داخل گرید می‌ریزد */
}

/* هر چیپ در ستون خودش (راست‌چین) */
.ms-changelog-viewer .ms-chv-date { grid-column: 2; justify-self: start; }
.ms-changelog-viewer .ms-chv-ver  { grid-column: 3; justify-self: start; }
.ms-changelog-viewer .ms-chv-cat  { grid-column: 4; justify-self: start; }

/* استایل چیپ‌ها، کوچک و مرتب */
.ms-changelog-viewer .ms-chv-meta > span{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: .88rem;
  background: #f6f8ff;
  color: #1f2937;
  box-shadow: inset 0 0 0 1px rgba(79,140,255,.10);
  font-family: iransans, sans-serif;
}

/* فلش در ستون پنجم، با فاصله مناسب */
.ms-changelog-viewer .ms-chv-caret{
  grid-column: 5;
  justify-self: end;
  color: #64748b;
  opacity: .7;
  transition: transform .2s, opacity .2s;
}
.ms-changelog-viewer .ms-chv-accordion[aria-expanded="true"] .ms-chv-caret{
  transform: rotate(180deg);
  opacity: .95;
}

/* هاور ردیف */
.ms-changelog-viewer .ms-chv-accordion:hover{ background: #f7faff; }

/* ===== رنگ آیکن دسته‌ها (همان آیکن کنار عنوان) ===== */
.ms-changelog-viewer .cat-ic{ font-size: 1rem; margin-left: 6px; }

/* نگاشت بر اساس کلاس FontAwesome آیکن انتخاب‌شده در رندر */
.ms-changelog-viewer .cat-ic.fa-wrench{            color:#475569; }  /* core-platform */
.ms-changelog-viewer .cat-ic.fa-user-gear{         color:#16a34a; }  /* users-roles   */
.ms-changelog-viewer .cat-ic.fa-address-book{      color:#0ea5e9; }  /* crm-contacts  */
.ms-changelog-viewer .cat-ic.fa-briefcase{         color:#f97316; }  /* deals         */
.ms-changelog-viewer .cat-ic.fa-sack-dollar{       color:#10b981; }  /* accounting    */
.ms-changelog-viewer .cat-ic.fa-boxes-stacked{     color:#8b5cf6; }  /* inventory     */
.ms-changelog-viewer .cat-ic.fa-chart-line{        color:#2563eb; }  /* reports       */
.ms-changelog-viewer .cat-ic.fa-life-ring{         color:#ef4444; }  /* support       */
.ms-changelog-viewer .cat-ic.fa-bell{              color:#f59e0b; }  /* messaging     */
.ms-changelog-viewer .cat-ic.fa-sliders{           color:#64748b; }  /* settings      */
.ms-changelog-viewer .cat-ic.fa-receipt{           color:#334155; }  /* billing       */
.ms-changelog-viewer .cat-ic.fa-user-check{        color:#06b6d4; }  /* customer portal */
.ms-changelog-viewer .cat-ic.fa-note-sticky{       color:#0ea5e9; }  /* پیش‌فرض */

/* رنگ آیکن‌های داخل چیپ‌ها (تاریخ/نسخه/دسته) */
.ms-changelog-viewer .ms-chv-date i{ color:#f59e0b; } /* تاریخ */
.ms-changelog-viewer .ms-chv-ver  i{ color:#10b981; } /* نسخه */
.ms-changelog-viewer .ms-chv-cat  i{ color:#6366f1; } /* دسته */
/* ===== Filter bar (one-line) ===== */
.ms-changelog-viewer .ms-chv-filters{
  display: grid;
  grid-template-columns: 1fr 220px 160px auto auto; /* جستجو | دسته | نسخه | جستجو | ریست */
  gap: 10px;
  align-items: center;
  margin: 10px 0 12px;
  font-family: iransans, sans-serif;
}

.ms-changelog-viewer .ms-chv-input,
.ms-changelog-viewer .ms-chv-select{
  height: 36px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 0 12px;
  background: #fff;
  color: #1f2937;
  outline: none;
  font-size: .92rem;
  font-family: iransans;
}
.ms-changelog-viewer .ms-chv-input:focus,
.ms-changelog-viewer .ms-chv-select:focus{
  border-color: #4f8cff;
  box-shadow: 0 0 0 3px rgba(79,140,255,.15);
}

.ms-changelog-viewer .ms-chv-btn{
  height: 36px;
  border-radius: 999px;
  padding: 0 14px;
  font-weight: 800;
  font-size: .92rem;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
}

.ms-changelog-viewer .ms-chv-btn-primary{
  background: linear-gradient(180deg, #4f8cff, #3a6fe6);
  color: #fff;
  box-shadow: 0 8px 20px rgba(79,140,255,.25);
}
.ms-changelog-viewer .ms-chv-btn-primary:hover{
  filter: brightness(1.05);
}

.ms-changelog-viewer .ms-chv-btn-ghost{
  background: #f3f4f6;
  color: #374151;
  box-shadow: inset 0 0 0 1px #e5e7eb;
}
.ms-changelog-viewer .ms-chv-btn-ghost:hover{
  background: #e9eefb;
}

/* ریسپانسیو: روی موبایل، فیلترها در دو/چند ردیف می‌افتند */
@media (max-width: 860px){
  .ms-changelog-viewer .ms-chv-filters{
    grid-template-columns: 1fr 1fr;
  }
}
/* اجبار به generic sans-serif روی نسخه */
.ms-changelog-viewer .ms-chv-ver,
.ms-changelog-viewer .ms-chv-ver * {
  font-family: sans-serif !important;
  font-weight: normal;            /* جلوگیری از نگه‌داشتن وزن‌های سفارشی */
  font-style: normal;             /* جلوگیری از italic شدن به‌واسطه‌ی استایل‌های بالا دستی */
  font-variant: normal;           /* خنثی کردن واریانت‌ها */
  font-feature-settings: normal;  /* خنثی کردن فیچرهای فونت وب */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}