/* --- تعریف فونت ایران سنس (نسخه محلی) --- */
/* وزن معمولی (Normal/Regular) */
@font-face {
  font-family: 'IRANSans';
  font-style: normal;
  font-weight: 400; /* Normal */
  src: url('../fonts/IRANSansWeb(FaNum).eot'); /* IE9 Compat Modes */
  src: url('../fonts/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/IRANSansWeb(FaNum).woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/IRANSansWeb(FaNum).woff') format('woff'), /* Modern Browsers */
       url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype'); /* Safari, Android, iOS */
       /* SVG format is often omitted nowadays */
  font-display: swap;
}

/* وزن ضخیم (Bold) */
@font-face {
  font-family: 'IRANSans';
  font-style: normal;
  font-weight: 700; /* Bold */
  src: url('../fonts/IRANSansWeb(FaNum)_Bold.eot');
  src: url('../fonts/IRANSansWeb(FaNum)_Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),
       url('../fonts/IRANSansWeb(FaNum)_Bold.woff') format('woff'),
       url('../fonts/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
  font-display: swap;
}

/* وزن خیلی ضخیم (Black) */
@font-face {
  font-family: 'IRANSans';
  font-style: normal;
  font-weight: 900; /* Black */
  src: url('../fonts/IRANSansWeb(FaNum)_Black.eot');
  src: url('../fonts/IRANSansWeb(FaNum)_Black.eot?#iefix') format('embedded-opentype'),
       url('../fonts/IRANSansWeb(FaNum)_Black.woff2') format('woff2'),
       url('../fonts/IRANSansWeb(FaNum)_Black.woff') format('woff'),
       url('../fonts/IRANSansWeb(FaNum)_Black.ttf') format('truetype');
  font-display: swap;
}

/* وزن متوسط (Medium) */
@font-face {
  font-family: 'IRANSans';
  font-style: normal;
  font-weight: 500; /* Medium */
  src: url('../fonts/IRANSansWeb(FaNum)_Medium.eot');
  src: url('../fonts/IRANSansWeb(FaNum)_Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/IRANSansWeb(FaNum)_Medium.woff2') format('woff2'),
       url('../fonts/IRANSansWeb(FaNum)_Medium.woff') format('woff'),
       url('../fonts/IRANSansWeb(FaNum)_Medium.ttf') format('truetype');
  font-display: swap;
}

/* وزن نازک (Light) */
@font-face {
  font-family: 'IRANSans';
  font-style: normal;
  font-weight: 300; /* Light */
  src: url('../fonts/IRANSansWeb(FaNum)_Light.eot');
  src: url('../fonts/IRANSansWeb(FaNum)_Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/IRANSansWeb(FaNum)_Light.woff2') format('woff2'),
       url('../fonts/IRANSansWeb(FaNum)_Light.woff') format('woff'),
       url('../fonts/IRANSansWeb(FaNum)_Light.ttf') format('truetype');
  font-display: swap;
}

/* --- استایل‌های پایه و تنظیمات فونت سراسری --- */
*, *::before, *::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'IRANSans', Tahoma, Arial, sans-serif !important; /* فونت اصلی با جایگزین‌ها */
    background-color: #f4f6f9; /* رنگ پس زمینه اصلی */
    margin: 0;
    color: #333; /* رنگ متن پیش فرض */
    line-height: 1.6;
    font-weight: 400; /* وزن نرمال */
    font-size: 14px; /* اندازه فونت پایه کمی کوچکتر */
}

/* ارث‌بری فونت برای المان‌های فرم */
button,
input,
select,
textarea {
    font-family: inherit !important;
    font-size: inherit; /* ارث بری اندازه فونت */
}

/* --- استایل‌های عمومی --- */
.container {
    max-width: 95%;
    margin: 0 auto;
    padding: 15px;
}
/* تنظیمات عرض کانتینر برای صفحات مختلف */
@media (min-width: 768px) {
    .container { max-width: 720px; padding: 20px; }
}
@media (min-width: 992px) {
    .container { max-width: 960px; padding: 25px; }
    /* استایل داشبورد در دسکتاپ */
    .dashboard-section .section-content {
         grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); /* چیدمان گرید داشبورد */
    }
}
@media (min-width: 1200px) {
    .container { max-width: 1140px; padding: 30px; }
    .dashboard-section .section-content {
         grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* عرض بیشتر آیتم داشبورد */
    }
     /* برای جداول عریض تر در صفحه مدیریت فایل */
     .container.files-container { max-width: 1320px; }
}
@media (min-width: 1400px) {
    .container { max-width: 1320px; } /* برای جداول خیلی عریض */
     .container.files-container { max-width: 1500px; } /* عرض بیشتر برای فایل‌ها */
}
.container.form-container-wrapper { /* برای فرم‌ها */
     @media (min-width: 992px) { max-width: 800px; }
}


/* هدر صفحه */
.page-header {
    background-color: #fff; padding: 15px 20px; border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 20px;
    display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;
}
.page-header h1 { margin: 0; font-size: 1.25rem; font-weight: 700; color: #333; } /* Bold */
.action-links a { display: inline-flex; align-items: center; padding: 8px 15px; color: white !important; text-decoration: none !important; border-radius: 5px; font-size: 0.875rem; transition: background-color 0.2s ease; white-space: nowrap; border: 1px solid transparent; }
.action-links .btn-add { background-color: #007bff; border-color: #007bff;} .action-links .btn-add:hover { background-color: #0056b3; border-color: #0056b3;}
.action-links .btn-back { background-color: #6c757d; border-color: #6c757d;} .action-links .btn-back:hover { background-color: #5a6268; border-color: #545b62;}
.action-links a i { margin-left: 5px; }
@media (min-width: 768px) { .page-header h1 { font-size: 1.5rem; } }

/* بخش فیلتر وضعیت */
.filter-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px; background-color: #fff; padding: 10px 15px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.filter-btn { padding: 5px 12px; border-radius: 20px; font-size: 0.8rem; text-decoration: none; border: 1px solid #dee2e6; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; cursor: pointer; background-color: #f8f9fa; color: #495057; }
.filter-btn .count { display: inline-block; background-color: rgba(0,0,0,0.08); padding: 0px 6px; border-radius: 10px; font-size: 0.7rem; margin-right: 5px; font-weight: 700; } /* Bold count */
.filter-btn:hover { background-color: #e9ecef; }
/* استایل دکمه فعال */
.filter-btn.active-filter { color: #fff !important; font-weight: 700; box-shadow: 0 1px 4px rgba(0,0,0,0.15); }
.filter-btn.filter-all.active-filter { background-color: #6c757d; border-color: #5a6268; }
.filter-btn.filter-active.active-filter { background-color: #28a745; border-color: #1e7e34; }
.filter-btn.filter-pending.active-filter { background-color: #ffc107; border-color: #d39e00; color: #333 !important; }
.filter-btn.filter-inactive.active-filter { background-color: #dc3545; border-color: #bd2130; }
.filter-btn.active-filter .count { background-color: rgba(255,255,255,0.25); }


/* پیام‌های فلش */
.flash-message { padding: 12px 15px; margin-bottom: 15px; border-radius: 4px; font-size: 0.9rem; border: 1px solid transparent; }
.success-message { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; }
.error-message { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; }
.validation-errors { background-color: #f8d7da; border: 1px solid #f5c2c7; color: #842029; padding: 10px 15px; border-radius: 4px; margin-bottom: 20px; font-size: 0.9rem; }
.validation-errors ul, .validation-errors p { margin: 0; padding-right: 20px; list-style-position: inside; }
.validation-errors p:not(:last-child) { margin-bottom: 5px; }

/* کانتینر محتوا */
.content-container { padding: 0; }

/* --- استایل داشبورد --- */
.dashboard-section { background-color: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 25px; overflow: hidden; border: 1px solid #e0e0e0; }
.section-header { padding: 15px 20px; border-bottom: 1px solid #eee; background-color: #f8f9fa; }
.section-header h2 { margin: 0; font-size: 1.1rem; font-weight: 500; color: #444; }
.section-content { padding: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; }
.nav-link { display: flex; align-items: center; padding: 12px 15px; background-color: #f8f9fa; color: #333 !important; text-decoration: none !important; border-radius: 5px; font-size: 0.9rem; border: 1px solid #eee; transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease; }
.nav-link i { margin-left: 10px; font-size: 1.1rem; width: 20px; text-align: center; color: #555; transition: color 0.2s ease; }
.nav-link:hover { background-color: #e9ecef; border-color: #ddd; transform: translateY(-2px); box-shadow: 0 2px 4px rgba(0,0,0,0.05);}
.nav-link:hover i { color: #007bff; }
.icon-dashboard { color: #007bff; } .icon-files { color: #17a2b8; } .icon-add-file { color: #15739c; } .icon-requests { color: #28a745; } .icon-add-request { color: #20893a; } .icon-approve { color: #fd7e14; } .icon-agents { color: #6f42c1; } .icon-add-agent { color: #5a2a96; } .icon-settings { color: #6c757d; } .icon-audit { color: #343a40; } .icon-sms { color: #e83e8c; }
.logout-link { background-color: #dc3545; margin-top: 0; border-color: #dc3545; }
.logout-link:hover { background-color: #c82333; border-color: #bd2130;}
.welcome-message { font-size: 0.95rem; color: #555; margin: 5px 0 0 0; }
.welcome-message strong { font-weight: 700; }


/* --- استایل کارت‌ها (مشترک برای فایل و مشاور) --- */
.item-cards { display: block; }
.item-card { border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,0.08); margin-bottom: 20px; padding: 0; border: 1px solid #e0e0e0; position: relative; overflow: hidden; background-color: #fff; }
.item-card.file-status-pending { background-color: #fff9e6; border-color: #ffecb3; }
.item-card.file-status-inactive { background-color: #fff1f2; border-color: #f5c6cb; }
.file-status-label { text-align: center; padding: 6px 10px; font-size: 0.8rem; font-weight: 700; color: #fff; border-bottom: 1px solid rgba(0,0,0,0.1); }
.file-status-label.active { background-color: #28a745; } .file-status-label.pending { background-color: #ffc107; color: #333; } .file-status-label.inactive { background-color: #dc3545; } .file-status-label.unknown { background-color: #6c757d; }
.card-body { padding: 15px; }
.item-card .card-title-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; border-bottom: 1px solid #eee; padding-bottom: 8px; }
.item-card .card-title { font-size: 1.05rem; font-weight: 700; color: #000; margin: 0; }
.item-card .file-id { font-size: 0.85rem; color: #888; }
.item-card .detail-row { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; font-size: 0.9rem; padding-bottom: 5px; border-bottom: 1px dotted #eee; }
.item-card .detail-row:last-child { margin-bottom: 0; border-bottom: none; }
.item-card .detail-label { font-weight: 500; color: #555; margin-left: 8px; white-space: nowrap; flex-shrink: 0; }
.item-card .detail-value { color: #333; text-align: left; word-break: break-word; }
.item-card .detail-value.price { font-weight: 700; color: #28a745; }
.item-card .detail-value .agent { font-size: 0.85em; color: #6c757d; }
.owner-contact-section { padding: 10px 0 0 0; margin-top: 10px; border-top: 1px dashed #ccc; }
.owner-contact-section .detail-row { padding-bottom: 5px; margin-bottom: 5px; }
.owner-contact-section .detail-row:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.owner-contact-section .detail-label i { color: #666; width: 1em; text-align: center; }
.phone-button { display: inline-flex; align-items: center; padding: 4px 10px; margin: 2px; border-radius: 4px; background-color: #28a745; color: white !important; text-decoration: none !important; font-size: 0.85rem; border: none; cursor: pointer; transition: background-color 0.2s ease; }
.phone-button i { margin-left: 5px; }
.phone-button:hover { background-color: #218838; }
.item-actions { margin: 0; padding: 10px 15px; border-top: 1px solid #eee; background-color: #f8f9fa; text-align: left; display: flex; gap: 8px; flex-wrap: wrap; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.item-actions .btn-action { display: inline-flex; align-items: center; padding: 6px 10px; font-size: 0.8rem; border-radius: 4px; text-decoration: none; cursor: pointer; border: none; color: white !important; }
.item-actions .btn-action i { margin-left: 4px; }

/* --- استایل جدول برای دسکتاپ --- */
.item-table-container { display: none; overflow-x: auto; background-color: #fff; padding: 20px; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.item-table { width: 100%; border-collapse: collapse; white-space: nowrap; }
.item-table th, .item-table td { border: 1px solid #ddd; padding: 10px 12px; text-align: right; vertical-align: middle; font-size: 0.85rem; }
.item-table th { background-color: #f8f9fa; font-weight: 700; position: sticky; top: 0; z-index: 1; } /* Bold header */
.item-table tr:nth-child(even) { background-color: #f9f9f9; }
.item-table tr:hover { background-color: #f1f1f1; }
.item-table .btn-action { display: inline-flex; align-items: center; margin: 0 2px; padding: 5px 8px; font-size: 0.8rem; border-radius: 4px; text-decoration: none; cursor: pointer; border: none; color: white !important; white-space: nowrap; }
.item-table .btn-action i { margin-left: 4px; }
.item-table .price { font-weight: 700; color: #28a745; } /* Bold */
.item-table .agent-name { font-size: 0.8em; color: #6c757d; }
.item-table .coord-status { font-size: 0.8em; display: block; margin-top: 3px; }
.item-table .coord-coordinated { color: #28a745; } .item-table .coord-not-coordinated { color: #b8860b; } .item-table .coord-direct { color: #007bff; }
.item-table .status-active { color: green; font-weight: 700; } /* Bold */ .item-table .status-inactive { color: red; } .item-table .status-pending { color: #ffc107; font-weight: 700; } /* Bold */

/* دکمه‌های عملیات (رنگ‌بندی مشترک) */
.btn-edit { background-color: #ffc107; color: #333 !important; } .btn-delete { background-color: #dc3545; } .btn-approve { background-color: #28a745; } .btn-details { background-color: #17a2b8; } .btn-toggle-status { background-color: #17a2b8; } .btn-toggle-status.inactive { background-color: #6c757d; }
.no-results { text-align: center; padding: 30px; color: #6c757d; background-color: #fff; border-radius: 8px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
@media (min-width: 1200px) { .item-cards { display: none; } .item-table-container { display: block; } } /* نمایش جدول در دسکتاپ */
.features span { display: inline-block; background-color: #e9ecef; color: #495057; padding: 2px 6px; margin: 2px; border-radius: 3px; font-size: 0.8em; }

/* --- استایل‌های فرم --- */
.form-container { background-color: #fff; padding: 20px; border-radius: 0; box-shadow: none; border: 1px solid #eee; margin-bottom: 20px; }
@media (min-width: 768px) { .form-container { padding: 25px 30px; } }
.form-section { background-color: transparent; padding: 0; box-shadow: none; margin-bottom: 25px; border: none; border-bottom: 1px solid #f0f0f0; padding-bottom: 20px; }
.form-section:last-of-type { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.form-section h3 { font-size: 1rem; font-weight: 700; color: #333; margin-top: 0; margin-bottom: 20px; padding-bottom: 0; border-bottom: none; display: flex; align-items: center; }
.form-section h3 i { margin-left: 8px; color: #a62626; }
.form-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px 20px; margin-bottom: 0; }
.form-group { margin-bottom: 15px; }
.form-group.full-width { grid-column: 1 / -1; }
.form-group label { display: block; margin-bottom: 6px; color: #444; font-size: 0.875rem; font-weight: 500; }
.form-group label .required-star { color: #dc3545; margin-right: 3px; font-weight: bold; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 9px 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; font-size: 0.9rem; transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: #a62626; box-shadow: 0 0 0 2px rgba(166, 38, 38, 0.1); }
.form-group input[readonly] { background-color: #f1f1f1; cursor: not-allowed; border-color: #ddd;}
.form-group select { appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: left 0.5rem center; background-size: 14px 10px; padding-right: 0.75rem; padding-left: 2rem; }
.btn-submit { display: inline-block; width: 100%; padding: 11px 25px; font-size: 1rem; font-weight: 700; color: #fff; border: none; border-radius: 5px; cursor: pointer; transition: background-color 0.2s ease; }
.btn-submit.btn-add { background-color: #a62626; } .btn-submit.btn-add:hover { background-color: #8b1f1f; }
.btn-submit.btn-edit { background-color: #a62626; } .btn-submit.btn-edit:hover { background-color: #8b1f1f; }
.form-group small { font-size: 0.75rem; color: #6c757d; display: block; margin-top: 4px; }
.price-in-words { font-size: 0.8rem; color: #555; margin-top: 5px; min-height: 1.1em; direction: rtl; text-align: right; }
@media (max-width: 768px) { .form-container { padding: 20px; } }

/* استایل چک باکس امکانات (ساده شده) */
.checkbox-group > label:first-of-type { display: block; margin-bottom: 10px; color: #444; font-size: 0.9rem; font-weight: 500; }
.features-checkbox-group { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 5px 10px; margin-top: 5px; }
.feature-item { display: flex; align-items: center; cursor: pointer; padding: 3px 0; }
.feature-item input[type="checkbox"] { margin-left: 6px; width: auto; cursor: pointer; vertical-align: middle; flex-shrink: 0; }
.feature-item label { margin: 0; font-weight: normal; font-size: 0.85rem; color: #333; cursor: pointer; }
.feature-item i { display: none; }

/* --- استایل فرم لاگین --- */
.login-container { background-color: #fff; padding: 30px 40px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); width: 100%; max-width: 400px; text-align: center; }
.login-container h2 { margin-top: 0; margin-bottom: 25px; color: #333; font-weight: 700; font-size: 1.4rem; }
.login-container .form-group input { font-size: 1rem; padding: 12px; }
.login-container .btn-submit { background-color: #a62626; margin-top: 10px; font-weight: 700; } .login-container .btn-submit:hover { background-color: #8b1f1f; }
.login-container .info-message { font-size: 0.9rem; color: #555; margin-bottom: 20px; }
.login-container .form-group input#otp_code { text-align: center; letter-spacing: 5px; font-size: 1.2rem; }
.login-container .resend-container { margin-top: 20px; font-size: 0.9rem; }
.login-container .resend-link { color: #5c67f2; text-decoration: none; cursor: pointer; } .login-container .resend-link:hover { text-decoration: underline; }
.login-container .resend-link.disabled { color: #6c757d; cursor: not-allowed; pointer-events: none; text-decoration: none; }
.login-container .timer { color: #6c757d; margin-top: 5px; }
@media (max-width: 480px) { .login-container { padding: 20px; } .login-container h2 { font-size: 1.2rem; } }


/* --- دکمه شناور بازگشت به بالا --- */
#scrollTopBtn { display: none; position: fixed; bottom: 20px; left: 20px; z-index: 99; border: none; outline: none; background-color: rgba(0, 123, 255, 0.7); color: white; cursor: pointer; padding: 10px 12px; border-radius: 50%; font-size: 1rem; box-shadow: 0 2px 5px rgba(0,0,0,0.2); transition: background-color 0.3s, opacity 0.3s; }
#scrollTopBtn:hover { background-color: rgba(0, 86, 179, 0.9); }

/* --- کلاس‌های کمکی --- */
.text-bold { font-weight: 700 !important; }
.text-green { color: #28a745 !important; }
.text-red { color: #dc3545 !important; }
.text-yellow { color: #b8860b !important; } /* رنگ زرد تیره‌تر برای متن */
.text-blue { color: #007bff !important; }
.text-muted { color: #6c757d !important; }
.hidden-field { display: none !important; }

/* استایل برای ستاره فیلدهای اجباری */
.required-star { color: #dc3545; margin-right: 3px; font-weight: bold; }

/* --- استایل بخش آپلود عکس در فرم --- */
.upload-section label { font-weight: 500; margin-bottom: 10px; display: block; }
.upload-section small { font-size: 0.8rem; color: #6c757d; display: block; margin-top: 5px; margin-bottom: 10px; }
.preview-container { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee; min-height: 110px; background-color: #f8f9fa; border-radius: 4px; padding: 10px; }
.preview-item { position: relative; width: 90px; height: 90px; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; background-color: #e9ecef; display: flex; justify-content: center; align-items: center; cursor: grab; transition: transform 0.2s ease; }
.preview-item img { max-width: 100%; max-height: 100%; display: block; object-fit: cover; }
.preview-actions { position: absolute; top: 3px; left: 3px; display: flex; gap: 4px; background-color: rgba(0, 0, 0, 0.6); padding: 5px; border-radius: 3px; opacity: 0; transition: opacity 0.2s ease-in-out; z-index: 10; }
.preview-item:hover .preview-actions { opacity: 1; }
.preview-actions button { background: none; border: none; color: white; cursor: pointer; padding: 3px; font-size: 0.85rem; line-height: 1; transition: color 0.2s ease; }
.preview-actions button:hover { color: #ffc107; } .preview-actions .btn-delete:hover { color: #f8d7da; }
.preview-item.is-main::before { content: "\f005"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: 5px; right: 5px; color: #ffc107; background-color: rgba(0, 0, 0, 0.7); padding: 3px 5px; border-radius: 50%; font-size: 0.65rem; z-index: 5; border: 1px solid white; line-height: 1; text-shadow: 0 0 2px black; }
.preview-item.dragging { opacity: 0.4; border: 2px dashed #0d6efd; transform: scale(1.05); }
.preview-placeholder { font-size: 2rem; color: #ccc; }

.dashboard-section .section-content a.nav-link span.badge-count {
	background-color: #dc3545; /* رنگ پس‌زمینه قرمز */
	color: white;             /* رنگ متن سفید */
	padding: 3px 6px;         /* پدینگ داخلی برای فاصله عدد از لبه‌ها */
	font-size: 0.75em;        /* اندازه فونت عدد داخل نشانگر */
	border-radius: 50%;       /* برای دایره‌ای شدن کامل */
	margin-right: 8px;        /* فاصله از متن اصلی لینک */
	line-height: 1;           /* برای کمک به وسط‌چینی عمودی عدد (ممکن است نیاز به تنظیم دقیق‌تر داشته باشد) */
	font-weight: bold;
	vertical-align: middle;   /* هم‌ترازی عمودی با متن لینک */
	display: inline-block;    /* مهم برای اعمال padding, width, height, و text-align */
	min-width: 18px;          /* حداقل عرض برای اینکه اعداد تک‌رقمی هم دایره‌ای به نظر برسند */
	height: 18px;             /* ارتفاع برابر با حداقل عرض برای ایجاد دایره */
	text-align: center;       /* وسط‌چینی افقی عدد */
	box-sizing: border-box;   /* برای محاسبه صحیح اندازه با در نظر گرفتن padding و border */
}