<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>

    <!-- Development Status Card -->
    <div style="background: #FFF7E6; border: 1px solid #FFD60A; border-radius: 6px; padding: 16px; margin: 24px 0; display: flex; align-items: flex-start; gap: 15px;">
        <div style="font-size: 24px;">🚧</div>
        <div>
            <strong style="color: #974F0C; display: block; margin-bottom: 4px;">در حال توسعه</strong>
            <p style="margin: 0; color: #42526E; font-size: 14px;">
                این بخش هم‌اکنون در حال تکمیل و بازنگری است. تیم فنی ما مشغول تهیه مستندات جامع‌تر و دقیق‌تر برای سامانه است و به‌زودی منابع تکمیلی به این بخش اضافه خواهد شد.
            </p>
        </div>
    </div>

    <!-- Download/File Section -->
    <div style="margin-top: 30px;">
        <h3 style="color: #172B4D; font-size: 18px; margin-bottom: 15px;">مستندات موجود</h3>
        
        <!-- Instruction for User -->
        <div style="background: #FAFBFC; border: 1px solid #DFE1E6; border-radius: 6px; padding: 20px; text-align: center;">
            <p style="margin: 0 0 15px; color: #42526E;">
                فایل‌های مرجع در کادر زیر (پیوست‌ها) قرار دارند. می‌توانید فایل راهنمای سامانه را از آنجا دریافت کنید.
            </p>
            
            <!-- Visual Placeholder for Attachments Macro -->
            <div style="display: inline-block; padding: 15px 30px; border: 2px dashed #00875A; border-radius: 6px; color: #00875A; font-weight: bold; background: #E3FCEF;">
                🧩 [جهت دانلود منابع در بخش پیوست های همین صفحه کلیک کنید]
            </div>
            
            <p style="margin-top: 15px; font-size: 13px; color: #6B778C;">
                (نکته: فایل راهنمای سامانه را در بخش پیوست‌های صفحه آموزش کار با سامانه سام یار دانلود کنید)
            </p>
        </div>
    </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; transition: background 0.2s;">
      بازگشت به صفحه اصلی (خانه)
    </a>
  </div>

</div>