@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src:url('../font/IRANSansWeb_Light.eot');
	src: url('../font/IRANSansWeb_Lightd41d.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../font/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../font/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../font/IRANSansWeb_Light.ttf') format('truetype');
}
body {
    font-weight: normal;
    font-style: normal;
    font-family:IRANSans !important;

}
body { background:#f8f9fa; }
#top { position:relative; top:-1px; }
.section-card { scroll-margin-top: 90px; }
.item-row.done .content-view { text-decoration: line-through; opacity:.7; }
.item-row { cursor:grab; }
.item-row:active { cursor:grabbing; }
.sortable-placeholder { background:#e9ecef; border:2px dashed #ced4da; height:48px; margin-bottom:.5rem; }
.sticky-nav { position:sticky; top:0; z-index:1000; background:#fff; border-bottom:1px solid #eee; }
.btn-add-item { white-space:nowrap; }
.anchor-link { text-decoration:none; }
.textarea-new { width:100%; }
.drag-handle { cursor:grab; user-select:none; }
.drag-handle:active { cursor:grabbing; }
.btn-toggle-collapse { line-height: 1; }
/* حالت ویرایش آیتم */
.content-edit { display:none; }
.item-row.editing .content-view { display:none; }
.item-row.editing .content-edit { display:block; }
.item-actions { display:flex; gap:.5rem; }
.item-actions .btn-sm { padding: .15rem .4rem; font-size:.8rem; }
/* هر لیست آیتم از 1 شمارش را شروع کند */
.items-list { counter-reset: item; }
.section-progress { font-weight: 700; margin-right: .25rem; }

/* قبل از هر آیتم یک شماره نشان بده */
.item-row::before {
    counter-increment: item;
    content: counter(item) ".";
    display: inline-block;
    min-width: 2.2em;       /* جا برای اعداد دو رقمی */
    text-align: center;
    font-weight: 600;
    color: #6c757d;         /* هم‌رنگ muted بوت‌استرپ */
    align-self: start;      /* با متن هم‌تراز شود */
}
.btn-star-section[aria-pressed="true"] { border-color: #dc3545; }


/* حالت ستاره‌دار: کل کارت قرمز و متن سفید */
.section-card.is-starred {
    background-color: #a31422 !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.25) !important;
}
.section-card.is-starred .card-header,
.section-card.is-starred .card-body {
    background: transparent !important;
    color: inherit !important;
    border-color: rgba(255,255,255,.25) !important;
}

/* ✅ آیتم‌ها روی کارت قرمز: دیگه سفیدِ کامل نباشند */
.section-card.is-starred .item-row {
    background: rgba(255,255,255,.06) !important;   /* بجای bg-white */
    border-color: rgba(255,255,255,.25) !important;
    color: #fff !important;
}
.section-card.is-starred .item-row .content-view { color: #fff !important; }
.section-card.is-starred .item-row::before { color: rgba(255,255,255,.85) !important; }

/* چک‌باکس‌ها روی زمینه قرمز */
.section-card.is-starred .form-check-input {
    border-color: rgba(255,255,255,.7) !important;
    background-color: transparent !important;
}
.section-card.is-starred .form-check-input:checked {
    background-color: #fff !important;
    border-color: #fff !important;
}

/* دکمه‌ها روی کارت قرمز */
.section-card.is-starred .btn {
    color: #fff !important;
    border-color: rgba(255,255,255,.35) !important;
}
.section-card.is-starred .btn:hover {
    background-color: rgba(255,255,255,.12) !important;
}
.section-card.is-starred .btn-light {
    background-color: rgba(255,255,255,.15) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.35) !important;
}

/* ستاره وقتی فعال است سفید دیده شود (روی کارت قرمز) */
.section-card.is-starred .btn-star-section { color: #fff !important; }
.section-card.is-starred .btn-star-section .star-icon { color: #fff !important; }

/* بج‌ درصد پیشرفت خواناتر شود */
.section-card.is-starred .section-progress {
    background: rgba(255,255,255,.2) !important;
    color: #fff !important;
    border: 0 !important;
}

/* لینک‌ها داخل کارت قرمز */
.section-card.is-starred a { color: #fff !important; }

.attach-list .chip {
    display:inline-flex; align-items:center; gap:.4rem;
    padding:.2rem .5rem; border:1px solid #e5e7eb; border-radius:999px;
    margin:.15rem .2rem 0 0; background:#fff;
}
.attach-list .chip img { height:26px; width:26px; object-fit:cover; border-radius:4px; }
.attach-list .chip .del { cursor:pointer; opacity:.7; }
.attach-list .chip .del:hover { opacity:1; }

/* حالت ستاره‌دار آیتم: بک‌گراند قرمز تیره و نوشته سفید */
.item-row.is-starred {
    background-color: #198754 !important;  /* مثل کارت‌های is-starred */
    color: #fff !important;
    border-color: rgba(255,255,255,.25) !important;
}
.item-row.is-starred .content-view { color: #fff !important; }
.item-row.is-starred::before { color: rgba(255,255,255,.85) !important; }
.item-row.is-starred .form-check-input {
    border-color: rgba(255,255,255,.7) !important;
    background-color: transparent !important;
}
.item-row.is-starred .form-check-input:checked {
    background-color: #fff !important;
    border-color: #fff !important;
}
.item-row.is-starred .btn {
    color: #fff !important;
    border-color: rgba(255,255,255,.35) !important;
}
.item-row.is-starred .btn:hover {
    background-color: rgba(255,255,255,.12) !important;
}



/* حاشیه‌ی کلی صفحه چاپ را کمی کمتر کن */
@page {
    size: A4 portrait;
    margin: 0.4cm !important; /* قبلاً 0.5cm بود */
}

@media print {
    html, body {
        direction: rtl;
        background: #fff !important;
        margin: 0 !important;
        height: auto;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        font-size: 10.5pt !important; /* کوچک‌تر از 12pt قبلی */
        line-height: 1.45 !important; /* فشرده‌تر از 1.7 قبلی */
    }

    /* کانتینرها تمام عرض و بدون پدینگ/مارجین */
    .container, .container-fluid, .container.my-4, #sectionsContainer {
        max-width: none !important;
        width: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    /* اجزای غیرلازم در چاپ پنهان بمانند (مثل قبل) */
    .sticky-nav,
    .btn, .btn-add-item, .add-item-area,
    .drag-handle, .item-actions, .item-buttons,
    .toggle-done,
    #sectionLinks,
    a[href="#top"] {
        display: none !important;
    }

    /* کارت‌ها فشرده‌تر و قابل شکستن بین صفحات شوند */
    .section-card {
        border: 1px solid #999 !important;
        box-shadow: none !important;
        margin: 0 0 4mm 0 !important;     /* از 8mm به 4mm */
        padding: 0 !important;
        page-break-inside: auto !important; /* اجازه‌ی شکستن بین صفحات */
        break-inside: auto !important;
    }

    .card-header {
        background: #f3f3f3 !important;
        border-bottom: 1px solid #999 !important;
        padding: 3mm !important;           /* از 6mm به 3mm */
        text-align: right;
    }

    .card-body {
        padding: 3mm !important;           /* از 6mm به 3mm */
        text-align: right;
    }

    /* تیتر هر بخش کوچک‌تر و فشرده‌تر */
    .card-header h5,
    .section-title {
        font-size: 12pt !important;        /* از 1rem/بزرگ‌تر به 12pt */
        margin: 0 !important;
        line-height: 1.3 !important;
        font-weight: 700 !important;
    }

    /* ردیف‌های آیتم فشرده‌تر */
    .item-row {
        border: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 0 2mm 0 !important;      /* از 4mm به 2mm */
        cursor: default !important;
    }

    /* متن آیتم‌ها ریزتر و خط‌فاصله کمتر */
    .item-row .content-view {
        font-size: 10.5pt !important;      /* از 12pt به 10.5pt */
        line-height: 1.45 !important;
    }

    /* شماره‌ی ابتدای هر آیتم باریک‌تر شود */
    .item-row::before {
        min-width: 1.6em !important;       /* از 2.2em به 1.6em */
        margin-left: .2em !important;
        color: #666 !important;
        font-weight: 600 !important;
    }

    /* حذف فاصله‌های اضافی Bootstrap که ممکن است جا بخورند */
    .mb-4 { margin-bottom: 4mm !important; }
    .mb-3 { margin-bottom: 3mm !important; }
    .mb-2 { margin-bottom: 2mm !important; }
    .gap-2 { gap: 2mm !important; }

    /* چک‌باکس‌ها دیده نمی‌شوند (قبلاً هم مخفی شده بود)، اما اگر جایی ماند، کوچک شود */
    .form-check-input {
        width: 10px !important;
        height: 10px !important;
    }

    /* اگر فهرست نقاط‌دار داخل محتوا باشد، فاصله‌اش کم شود */
    .content-view ul, .content-view ol {
        margin: 0 0 2mm 0 !important;
        padding-inline-start: 16px !important;
    }

    /* جدول‌های داخل محتوا فشرده‌تر شوند */
    .content-view table {
        width: 100% !important;
        border-collapse: collapse !important;
        font-size: 10pt !important;
    }
    .content-view table th,
    .content-view table td {
        padding: 2mm !important;
        border: 1px solid #ccc !important;
    }
}

/* باکس شناور راست */
.floating-sidebar {
    position: fixed;
    top: 200px;
    right: 16px;            /* چون RTL هست، سمت راست */
    width: 280px;

    overflow: auto;
    z-index: 1050;
    background: #fff;

    border: 1px solid #e5e7eb;
    border-radius: .75rem;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    height: 350px !important;
}
.floating-sidebar .fs-header {
    position: sticky; top: 0;
    padding: .75rem 1rem;
    background: #f8f9fa;
    border-bottom: 1px solid #eee;
    display: flex; align-items: center; justify-content: space-between;
}
.floating-sidebar .fs-body { padding: .5rem .75rem 1rem; }
.floating-sidebar .sub-title {
    margin: .75rem 0 .25rem;
    font-weight: 600; font-size: .95rem; color: #0d6efd;
    display: flex; align-items: center; gap: .4rem;
}
.floating-sidebar .list-unstyled { margin: 0; padding: 0; }
.floating-sidebar .list-unstyled li {
    display: flex; align-items: center; gap: .4rem;
    padding: .35rem .25rem; border-radius: .5rem;
}
.floating-sidebar .list-unstyled li a {
    text-decoration: none; color: inherit; flex: 1;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.floating-sidebar .list-unstyled li:hover {
    background: rgba(13,110,253,.06);
}
.floating-sidebar .dot { font-size: .9rem; opacity: .65; }
/* دکمه شناور برای موبایل/نمای باریک */
.fs-toggle-btn {
    position: fixed; left: 16px; bottom: 16px; z-index: 1100;
}
@media (max-width: 992px) {
    .floating-sidebar { display: none; } /* روی موبایل بسته باشد، با دکمه باز کن */
    .fs-open .floating-sidebar {
        display: block; width: min(90vw, 320px); right: 8px; top: 70px;
    }
}

/* فاصله و ظاهر ضمیمه‌ها زیر آیتم */
.attachments {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: .5rem;
    padding: .5rem .75rem;
}

.attach-list .chip {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .2rem .5rem;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    margin: .15rem .2rem 0 0;
    background: #fff;
}

.attach-list .chip img {
    height: 26px;
    width: 26px;
    object-fit: cover;
    border-radius: 4px;
}

.attach-list .chip .del {
    cursor: pointer;
    opacity: .7;
}

.attach-list .chip .del:hover {
    opacity: 1;
}
/* ضمیمه‌ها در حالت ستاره‌دار */
.section-card.is-starred .attachments {
    background: rgba(255,255,255,.1) !important;
    border-color: rgba(255,255,255,.25) !important;
    color: #fff !important;
}

/* لینک‌ها و نوشته‌ها داخل ضمیمه */
.section-card.is-starred .attachments a,
.section-card.is-starred .attachments strong,
.section-card.is-starred .attachments .text-muted {
    color: #fff !important;
}

/* دکمه افزودن فایل در حالت ستاره‌دار */
.section-card.is-starred .attachments .btn-upload-file {
    color: #fff !important;
    border-color: rgba(255,255,255,.35) !important;
}

.section-card.is-starred .attachments .btn-upload-file:hover {
    background: rgba(255,255,255,.15) !important;
}

/* چیپ‌های فایل‌ها داخل ضمیمه */
.section-card.is-starred .attachments .attach-list .chip {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.25) !important;
    color: #fff !important;
}

.section-card.is-starred .attachments .attach-list .chip .text-muted {
    color: rgba(255,255,255,.7) !important;
}
/* وقتی هم سکشن و هم آیتم ستاره‌دارند، آیتم حتماً سبز بماند */
.section-card.is-starred .item-row.is-starred {
    background-color: #198754 !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.25) !important;
}
.section-card.is-starred .item-row.is-starred .content-view { color:#fff !important; }
.section-card.is-starred .item-row.is-starred::before { color: rgba(255,255,255,.85) !important; }
.section-card.is-starred .item-row.is-starred .form-check-input {
    border-color: rgba(255,255,255,.7) !important;
    background-color: transparent !important;
}
.section-card.is-starred .item-row.is-starred .form-check-input:checked {
    background-color:#fff !important;
    border-color:#fff !important;
}
.section-card.is-starred .item-row.is-starred .btn {
    color:#fff !important;
    border-color: rgba(255,255,255,.35) !important;
}
.section-card.is-starred .item-row.is-starred .btn:hover {
    background-color: rgba(255,255,255,.12) !important;
}
/* دکمه‌های افزودن سطر/ستون = سبز */
.btn-row-add,
.btn-col-add {
    background-color: #198754 !important;   /* سبز بوت‌استرپ */
    border-color: #198754 !important;
    color: #fff !important;
}

.btn-row-add:hover,
.btn-col-add:hover {
    background-color: #157347 !important;
    border-color: #157347 !important;
}

/* دکمه‌های حذف سطر/ستون = قرمز */
.btn-row-del,
.btn-col-del {
    background-color: #dc3545 !important;   /* قرمز بوت‌استرپ */
    border-color: #dc3545 !important;
    color: #fff !important;
}

.btn-row-del:hover,
.btn-col-del:hover {
    background-color: #bb2d3b !important;
    border-color: #bb2d3b !important;
}


/* سلول چک‌باکسی جدول: وسط چین عمودی و افقی */
.table-cell-check {
    text-align: center;
    vertical-align: middle;
}

/* خود چک‌باکس وسط سلول */
.table-cell-check .form-check-input {
    float: none;
    margin: 0 auto;
    display: block;
}

/* وقتی سلول تیک‌خورده است (کلاس checked از JS) پس‌زمینه آبی شود */
.table-cell-check.checked {
    background-color: #e7f1ff !important;  /* هماهنگ با آیتم‌های done */
}
/* سایدبار فهرست سریع: پیش‌فرض مخفی */
.floating-sidebar {
    position: fixed;
    top: 80px;
    right: 16px;
    width: 280px;
    max-height: calc(100vh - 120px);
    overflow: auto;
    z-index: 1050;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    display: none;              /* 👈 مهم: اول مخفی باشد */
}

/* وقتی کلاس is-open گرفت، نمایش داده شود */
.floating-sidebar.is-open {
    display: block;
}

/* دکمه پایین راست صفحه */
.fs-toggle-btn {
    position: fixed;

    bottom: 16px;
    z-index: 1100;
}

/* اگر می‌خواهی روی دسکتاپ هم دیده شود، d-lg-none را از HTML بردار (پایین توضیح داده‌ام) */
/* دکمه دایره‌ای فهرست سریع */
.fs-toggle-btn {
    position: fixed;

    bottom: 20px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #0d6efd; /* آبی بوت‌استرپ */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
    z-index: 1200;
    border: none;
}

.fs-toggle-btn:hover {
    background-color: #0b5ed7;
}

/* سایدبار در حالت بسته */
.floating-sidebar {
    display: none;
}

/* وقتی باز است */
.floating-sidebar.is-open {
    display: block;
}

/* پس‌زمینه شطرنجی خیلی ملایم */
.table-grid td {
    transition: background-color .2s;
}

.table-grid tr:nth-child(even) td:nth-child(odd),
.table-grid tr:nth-child(odd)  td:nth-child(even) {
    background-color: #f5f5f5; /* خاکستری خیلی کم‌رنگ */
}

.table-grid tr:nth-child(even) td:nth-child(even),
.table-grid tr:nth-child(odd)  td:nth-child(odd) {
    background-color: #ffffff;
}
/* راه‌راه کردن سطرها و ستون‌های جدول‌ها */

/* فقط روی سطرهای داده (نه ردیف کنترل ستون‌ها) اعمال می‌شود */
.table-wrapper table tbody tr:not(.table-col-controls-row) td {
    background-color: #ffffff;
}

/* هر سطر دوم کمی خاکستری */
.table-wrapper table tbody tr:not(.table-col-controls-row):nth-child(even) td {
    background-color: #f5f5f5;
}

/* ستون‌های زوج کمی تیره‌تر تا جدول بهتر دیده شود */
.table-wrapper table tbody tr:not(.table-col-controls-row) td:nth-child(even) {
    background-color: #f1f3f5;
}

/* اگر سلول تیک‌خورده باشد، رنگ سبزِ خودش را نگه دارد */
.table-cell-check.checked {
    background: #d1e7dd !important;
}
.asset-card-wrapper {
    background: #f1f1f1;
    border-radius: 8px;
}

.asset-card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

/* کارت‌ها داخل این والد، مثل گرید بوت‌استرپ رفتار کنند */
.asset-card-container .item-row-card {
    padding: 0.25rem;
}

/* عرض‌ها بر اساس col-md-x */
@media (min-width: 768px) {
    .asset-card-container .col-md-3 { flex: 0 0 25%; max-width: 25%; }
    .asset-card-container .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
    .asset-card-container .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .asset-card-container .col-md-12{ flex: 0 0 100%; max-width: 100%; }
}
/* ظاهر پله تریگر شده */
.asset-step.step-triggered {
    background: #f1f3f5; /* خاکستری روشن */
    padding: 4px;
    border-radius: 4px;
}

.asset-step.step-triggered .step-price {
    text-decoration: line-through;
    opacity: 0.7;
}
.item-row-card.is-starred {
    background-color: #e6f4ea;      /* سبز خیلی ملایم */
    border-color: #198754;          /* سبز بوت‌استرپ */
}

/* دلخواه: خود دکمه ستاره وقتی فعال است */
.btn-star-card[aria-pressed="true"] {
    background-color: #198754;
    color: #fff;
}

/* کارت ستاره‌دار: دکمه‌ها واضح‌تر بشن */
.item-row-card.is-starred .card-header .btn-outline-danger,
.item-row-card.is-starred .card-header .btn-outline-success {
    background-color: #ffffff;      /* سفید تا خوب دیده بشن */
    border-width: 1px;
    opacity: 1;
}

/* اگر متن هم کم‌رنگ به نظر می‌رسه: */
.item-row-card.is-starred .card-header .btn-outline-danger,
.item-row-card.is-starred .card-header .btn-outline-success {
    color: #dc3545;  /* قرمز بوت‌استرپ برای حذف */
}

.item-row-card.is-starred .card-header .btn-outline-success {
    color: #198754;  /* سبز بوت‌استرپ برای ستاره */
}
.item-row-card.is-starred .card-header .btn-outline-danger {
    background-color: #dc3545;
    color: #fff;
}

.item-row-card.is-starred .card-header .btn-outline-success {
    background-color: #198754;
    color: #fff;
}
.item-row.is-starred {
    color: #000000 !important;
}

.section-card.is-starred .btn-star-section {
    background-color: #fff !important;
    color: #198754 !important; /* سبز */
    border-color: #198754 !important;
}
/* وقتی یک سکشن ستاره‌دار می‌شود */


/* دکمه‌های داخل باکس‌های ستاره‌دار واضح شوند */
.section-card.is-starred .item-row-card .btn {
    background-color: #fff !important;
    opacity: 1 !important;
    border-width: 1px !important;
    color: #333 !important;
}

/* هر دکمه outline رنگ مخصوصش را نگه دارد */
.section-card.is-starred .item-row-card .btn-outline-danger {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.section-card.is-starred .item-row-card .btn-outline-primary {
    color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.section-card.is-starred .item-row-card .btn-outline-success {
    color: #198754 !important;
    border-color: #198754 !important;
}

.section-card.is-starred .item-row-card .btn-outline-secondary {
    color: #6c757d !important;
    border-color: #6c757d !important;
}

/* دکمه ستاره خود سکشن نیز واضح باشد */
.section-card.is-starred .btn-star-section {
    background-color: #fff !important;
    color: #ffc107 !important;   /* طلایی */
    border-color: #ffc107 !important;
}
/* وقتی سکشن ستاره‌دار است، فقط هدرش سبز شود */
.section-card.is-starred > .card-header {
    background-color: #198754;   /* سبز بوت‌استرپ */
    color: #fff;
}

/* دکمه‌های داخل هدر سکشن در حالت ستاره‌دار */
.section-card.is-starred > .card-header .btn {
    border-color: #ffffff;
    color: #ffffff;
    background-color: transparent;
}

/* اگر دکمه ستاره خود سکشن آیکن/متن دارد، کمی پررنگ‌ترش کن */
.section-card.is-starred > .card-header .btn-star-section {
    color: #ffeb3b;              /* زرد روشن برای ستاره */
    border-color: #ffeb3b;
}
/* دکمه‌های داخل کارت‌ها همیشه واضح باشند */
.item-row-card .btn,
.item-row-card .btn-sm {
    opacity: 1 !important;
    filter: none !important;
}

/* دکمه حذف – همیشه قرمز شفاف و مشخص */
.item-row-card .btn-outline-danger {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
    background-color: #fff !important;
}
.item-row-card .btn-outline-danger:hover {
    background-color: #dc3545 !important;
    color: #fff !important;
}

/* دکمه ستاره کارت – همیشه سبز */
.item-row-card .btn-outline-success {
    color: #198754 !important;
    border-color: #198754 !important;
    background-color: #fff !important;
}
.item-row-card .btn-outline-success:hover {
    background-color: #198754 !important;
    color: #fff !important;
}

/* دکمه‌های دیگر (مثلاً primary, secondary) شفاف و طبیعی */
.item-row-card .btn-outline-primary {
    color: #0d6efd !important;
    border-color: #0d6efd !important;
    background-color: #fff !important;
}
.item-row-card .btn-outline-primary:hover {
    background-color: #0d6efd !important;
    color: #fff !important;
}

.item-row-card .btn-outline-secondary {
    color: #6c757d !important;
    border-color: #6c757d !important;
    background-color: #fff !important;
}

.item-row-card .btn-outline-secondary:hover {
    background-color: #6c757d !important;
    color: #fff !important;
}
.section-card.is-starred .item-row-card {
    background-color: #ffffff !important;
    border-color: #ccc !important;
}

.section-card.is-starred .item-row-card .btn {
    background-color: #fff !important;
    opacity: 1 !important;
    border-width: 1px !important;
    color: #333 !important;
}
/* ظاهر کارت وقتی ستاره‌دار است */
.item-row-card.is-starred {
    background-color: #e7f7eb !important;   /* سبز خیلی روشن */
    border-color: #198754 !important;       /* سبز بوت‌استرپی */
}

/* دکمه‌های داخل کارت ستاره‌دار حتماً دیده شوند */
.item-row-card.is-starred .btn,
.item-row-card.is-starred .btn-sm {
    opacity: 1 !important;
    filter: none !important;
    background-color: #ffffff !important;   /* پس‌زمینه سفید برای دکمه */
}

/* دکمه حذف – همیشه قرمز واضح */
.item-row-card.is-starred .btn-outline-danger {
    color: #dc3545 !important;
    border-color: #dc3545 !important;
}

/* دکمه ستاره کارت – همیشه سبز واضح */
.item-row-card.is-starred .btn-outline-success {
    color: #198754 !important;
    border-color: #198754 !important;
}

/* سایر outlineها هم واضح باشند */
.item-row-card.is-starred .btn-outline-primary {
    color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.item-row-card.is-starred .btn-outline-secondary {
    color: #6c757d !important;
    border-color: #6c757d !important;
}
.item-row-card.is-starred .btn {
    opacity: 0.4;
    /* یا هر جور فیلتر / رنگ عجیب غریب */
}

.asset-phpbox-card .phpbox-output {
    font-family: Tahoma, sans-serif;
    font-size: 0.9rem;
}

.asset-phpbox-card .phpbox-textarea {
    font-family: monospace;
    direction: ltr;
    text-align: left;
}
.item-schedule-row {
    border-radius: 4px;
    padding: 4px 8px;
}

.item-schedule-row.schedule-overdue {
    background-color: #ffe3e3; /* قرمز کم‌رنگ */
}

.item-schedule-row.schedule-future {
    background-color: #e7f1ff; /* آبی کم‌رنگ */
}

.item-schedule-row.schedule-overdue .schedule-jdate,
.item-schedule-row.schedule-overdue .schedule-note {
    text-decoration: line-through;
}
.item-due-row.due-overdue {
    background-color: #ffe3e3;
}
.item-due-row.due-overdue .row {
    text-decoration: line-through;
}

.item-due-row.due-future {
    background-color: #e7f1ff;
}
.item-due-row.due-past {
    background-color: #ffe0e0; /* قرمز ملایم */
}
.item-due-row.due-future {
    background-color: #e0f0ff; /* آبی ملایم */
}
/* موبایل: لینک‌های بالای صفحه افقی و اسکرولی */
@media (max-width: 768px) {
  #sectionLinks {
    flex-wrap: nowrap !important;     /* نریزه زیر هم */
    overflow-x: auto;                /* اسکرول افقی */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    padding-bottom: 6px;
  }

  #sectionLinks .anchor-link {
    flex: 0 0 auto;                  /* هر badge اندازه خودش */
    white-space: nowrap;             /* متن دو خط نشه */
  }
}

@media (max-width: 768px) {
  #sectionLinks::-webkit-scrollbar { height: 6px; }
}