<div class="confluence-output" style="max-width: 1000px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.8; color: #172B4D; direction: rtl; text-align: right;">

  <!-- DIV 1: Header -->
  <div style="background: linear-gradient(135deg, #00875A, #006644); color: #ffffff; text-align: center; padding: 25px 20px; border-radius: 8px; margin-bottom: 24px; box-shadow: 0 1px 3px rgba(9,30,66,0.13);">
    <h1 style="margin: 0; font-size: 26px; font-weight: bold; color: #ffffff;">سام یار</h1>
    <p style="margin: 8px 0 0; font-size: 14px; color: #E3FCEF; opacity: 0.9;">سامانه ارسال صورتحساب به سامانه مودیان</p>
  </div>

  <!-- DIV 2: Main Content -->
  <div style="background: #ffffff; border: 1px solid #DFE1E6; border-radius: 8px; padding: 24px; margin-bottom: 24px; box-shadow: 0 1px 3px rgba(9,30,66,0.05);">

    <h2 style="color: #006644; border-bottom: 2px solid #E3FCEF; padding-bottom: 10px; margin-top: 0; font-size: 22px;">
      نسخه‌ها و تغییرات
    </h2>

    <p style="color: #42526E; margin-top: 12px; font-size: 15px;">
      در این بخش، تاریخچه نسخه‌های مهم سام‌یار و ماژول‌های اصلی آن ثبت شده است.
      این تغییرات نشان‌دهنده بهبودهای پیوسته در عملکرد، تجربه کاربری، پایداری و یکپارچگی سامانه با فرایندهای مرتبط با سامانه مودیان است.
    </p>

    <div style="background: #F4F5F7; border: 1px solid #DFE1E6; border-radius: 6px; padding: 16px; margin: 20px 0;">
      <strong style="display: block; margin-bottom: 10px; color: #172B4D;">فهرست نسخه‌های ثبت‌شده</strong>
      <ul style="margin: 0; padding-right: 20px; color: #42526E; font-size: 14px;">
        <li style="margin-bottom: 6px;">divsaamyar:1.3</li>
        <li style="margin-bottom: 6px;">inbox:1.1</li>
        <li style="margin-bottom: 6px;">back:1.3</li>
        <li style="margin-bottom: 6px;">outbox:1.2</li>
      </ul>
    </div>

    <div style="margin-bottom: 18px; padding: 16px; border-right: 5px solid #00875A; background: #E3FCEF; border-radius: 5px;">
      <strong style="color: #006644;">نمای کلی تغییرات</strong>
      <p style="margin: 6px 0 0; color: #172B4D;">
        نسخه‌های جدید سام‌یار با هدف افزایش پایداری، بهبود مسیرهای کاری، ساده‌سازی تجربه کاربر و آماده‌سازی بهتر برای اتصال به سامانه مودیان توسعه یافته‌اند.
      </p>
    </div>

    <div style="border: 1px solid #DFE1E6; border-radius: 6px; overflow: hidden;">
      <table style="width: 100%; border-collapse: collapse; font-size: 14px;">
        <thead>
          <tr style="background: #F4F5F7; color: #172B4D;">
            <th style="padding: 12px; border-bottom: 1px solid #DFE1E6; text-align: right;">نسخه</th>
            <th style="padding: 12px; border-bottom: 1px solid #DFE1E6; text-align: right;">بخش</th>
            <th style="padding: 12px; border-bottom: 1px solid #DFE1E6; text-align: right;">تغییرات کلیدی</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td style="padding: 12px; border-bottom: 1px solid #DFE1E6;">divsaamyar:1.3</td>
            <td style="padding: 12px; border-bottom: 1px solid #DFE1E6;">داشبورد اصلی</td>
            <td style="padding: 12px; border-bottom: 1px solid #DFE1E6;">بهبود ساختار صفحه اصلی، نظم‌دهی به دسترسی‌ها، و ساده‌سازی مسیرهای عملیاتی کاربر</td>
          </tr>
          <tr style="background: #FAFBFC;">
            <td style="padding: 12px; border-bottom: 1px solid #DFE1E6;">inbox:1.1</td>
            <td style="padding: 12px; border-bottom: 1px solid #DFE1E6;">صندوق ورودی</td>
            <td style="padding: 12px; border-bottom: 1px solid #DFE1E6;">بهبود نمایش پیام‌ها و ورودی‌ها، شفاف‌تر شدن وضعیت اقلام دریافتی، و افزایش خوانایی</td>
          </tr>
          <tr>
            <td style="padding: 12px; border-bottom: 1px solid #DFE1E6;">back:1.3</td>
            <td style="padding: 12px; border-bottom: 1px solid #DFE1E6;">بخش پشتی</td>
            <td style="padding: 12px; border-bottom: 1px solid #DFE1E6;">تقویت منطق پردازشی، بهینه‌سازی پایداری سرویس‌ها، و آماده‌سازی بهتر برای عملیات سامانه مودیان</td>
          </tr>
          <tr style="background: #FAFBFC;">
            <td style="padding: 12px;">outbox:1.2</td>
            <td style="padding: 12px;">صندوق خروجی</td>
            <td style="padding: 12px;">بهبود مدیریت ارسال‌ها، نظم‌دهی به وضعیت خروجی‌ها، و افزایش کنترل بر جریان ارسال صورتحساب</td>
          </tr>
        </tbody>
      </table>
    </div>

    <div style="background: #FFF7E6; border-right: 5px solid #FF991F; padding: 16px; border-radius: 5px; margin-top: 20px;">
      <h3 style="margin: 0 0 8px; color: #974F0C; font-size: 18px;">جمع‌بندی</h3>
      <p style="margin: 0; color: #172B4D;">
        این نسخه‌ها پایه‌ی تکامل سام‌یار را تشکیل داده‌اند و هر کدام در جهت پایداری بیشتر، کاربری ساده‌تر و آمادگی بهتر برای پردازش و تبادل داده با سامانه مودیان ثبت شده‌اند.
      </p>
    </div>

  </div>

  <!-- DIV 3: Home Link -->
  <div style="background: #ffffff; border: 1px solid #DFE1E6; border-radius: 8px; padding: 16px 24px; box-shadow: 0 1px 3px rgba(9,30,66,0.05); text-align: center;">
    <a href="#" style="display: inline-block; padding: 10px 30px; background: #0052CC; color: #ffffff; border-radius: 4px; text-decoration: none; font-weight: bold; font-size: 14px;">
      لینک خانه
    </a>
  </div>

</div>