/* ============================================================
   Therepair — افزوده‌های 3D redesign: لوگو، پیش‌نمایش تصویر،
   صف پیام‌رسان‌ها، تنظیمات مجموعه، شبکه‌های اجتماعی
   ============================================================ */

/* لوگو در سربرگ و پابرگ */
.brand-logo { display: inline-flex; align-items: center; height: 3rem; }
.brand-logo img { max-height: 3rem; max-width: 120px; width: auto; height: auto; object-fit: contain; }
.brand-logo-mobile { display: none; }
@media (max-width: 760px) {
    .brand-logo-desktop { display: none; }
    .brand-logo-mobile { display: inline-flex; }
}

/* تصویر پس‌زمینه سربرگ (Hero) */
.hero.has-hero-image { position: relative; }
.hero.has-hero-image::before {
    content: "";
    position: absolute; inset: 0;
    background-image: var(--hero-img, none);
    background-size: cover;
    background-position: center;
    opacity: .14;
    pointer-events: none;
}
.hero.has-hero-image .hero-grid { position: relative; }

/* پیش‌نمایش تصویر بارگذاری */
.img-preview {
    margin-top: .6rem;
    padding: .5rem;
    border: 1px dashed var(--c-line, rgba(0,0,0,.15));
    border-radius: 10px;
    background: #fff;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-preview img {
    max-height: 72px;
    max-width: 100%;
    object-fit: contain;
}
.img-preview-empty { color: var(--c-muted, #64748b); font-size: .85rem; }

/* نوار ابزار تنظیمات + بازگردانی */
.settings-toolbar {
    display: flex; align-items: center; gap: .75rem; flex-wrap: wrap;
    margin-block: .75rem 1rem;
}

/* آمار صف پیام‌رسان */
.queue-stats { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: .5rem 1rem; }
.stat-chip {
    display: inline-flex; align-items: center; gap: .35em;
    font-size: .85rem; font-weight: 700;
    padding: .35em .8em; border-radius: 999px;
    background: rgba(16,42,67,.06); color: #102a43;
}
.stat-chip-danger { background: rgba(220,38,38,.1); color: #b91c1c; }

/* چاپ در پنل مدیریت */
.print-area { display: none; }
.admin-body .print-area { display: block; margin-block-end: 1rem; padding: 1rem; background: #fff; color: #111; border-radius: 10px; }
.print-table { width: 100%; border-collapse: collapse; }
.print-table th, .print-table td { border: 1px solid #bbb; padding: 6px 10px; text-align: right; }
.print-table th { background: #f1f5f9; }
.admin-body .print-area h3 { margin: 0 0 .6rem; }
@media print {
    .no-print, .admin-sidebar, .admin-topbar, .admin-footer { display: none !important; }
    body, .admin-main { background: #fff !important; color: #111 !important; }
    .print-area { display: block; }
}

/* ستاره مهم در فهرست درخواست‌ها */
.row-starred { background: rgba(255,176,32,.06); }
.star-flag { color: var(--c-amber); display: inline-flex; margin-inline-start: .35em; }
.icon-btn.is-active { color: var(--c-amber); }
.cell-assign select { max-width: 150px; }

/* شبکه‌های اجتماعی در پابرگ */
.footer-socials {
    display: flex; justify-content: center; gap: .6rem; flex-wrap: wrap;
    padding-block: 1rem 1.4rem;
    border-top: 1px solid rgba(255,255,255,.08);
}
.footer-socials a {
    display: inline-flex; align-items: center; justify-content: center;
    width: 2.5rem; height: 2.5rem; border-radius: 50%;
    background: rgba(255,255,255,.07); color: rgba(255,255,255,.85);
    transition: background .2s ease, color .2s ease, transform .2s ease;
}
.footer-socials a:hover { background: var(--c-accent, #54d6c7); color: #102a43; transform: translateY(-2px); }
.footer-socials .icon { width: 1.15rem; height: 1.15rem; }