/* admin.css - استایل‌های پنل مدیریت (اصلاح شده) */
body { font-family: 'Vazirmatn', sans-serif; background: #f4f6f9; padding: 20px; color: #333; }
.container { max-width: 98%; margin: auto; background: white; padding: 25px; border-radius: 15px; box-shadow: 0 0 20px rgba(0,0,0,0.05); min-height: 80vh; }

/* هدر اصلی */
.header-box { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #eee; padding-bottom: 15px; margin-bottom: 20px; flex-wrap: wrap; gap: 10px; }

/* ✅ این خط جا افتاده بود و باعث عمودی شدن منو شده بود */
.header-links { display: flex; flex-wrap: wrap; gap: 5px; }

/* استایل دکمه‌های هدر */
.header-links a { text-decoration: none; background: #fff; padding: 8px 12px; border-radius: 8px; color: #333; font-size: 0.85rem; border: 1px solid #ddd; display: flex; align-items: center; gap: 5px; transition: 0.2s; }
.header-links a:hover { background: #e9ecef; }
.logout-btn { background: #ffebee !important; color: #c62828 !important; border-color: #ffcdd2 !important; }

/* تب‌ها */
.tabs { display: flex; gap: 10px; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 10px; justify-content: flex-end; }
.tab-btn { text-decoration: none; padding: 10px 25px; border-radius: 8px; font-weight: bold; color: #555; background: #f1f1f1; transition: 0.2s; }
.tab-btn.active { background: #0d47a1; color: white; }
.tab-btn:hover:not(.active) { background: #e0e0e0; }

/* جدول‌ها */
table { width: 100%; border-collapse: collapse; margin-top: 10px; }
th, td { padding: 12px; border-bottom: 1px solid #eee; text-align: center; font-size: 0.9rem; vertical-align: middle; }
th { background: #343a40; color: white; }
tr:hover { background-color: #f8f9fa; }

/* دکمه‌ها و نشان‌ها */
.badge { padding: 4px 10px; border-radius: 15px; font-size: 0.75rem; font-weight: bold; display: inline-block; }
.bg-green { background: #e8f5e9; color: #2e7d32; border: 1px solid #c8e6c9; }
.bg-red { background: #ffebee; color: #c62828; border: 1px solid #ffcdd2; }
.bg-orange { background: #fff3e0; color: #e65100; border: 1px solid #ffe0b2; }

.btn-action { padding: 5px 8px; border-radius: 5px; color: white; font-size: 0.8rem; margin: 2px; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; transition: 0.2s; }
.btn-action:hover { opacity: 0.9; }
.btn-blue { background: #1976d2; } 
.btn-green { background: #2e7d32; } 
.btn-red { background: #c62828; }

/* کارت‌های آمار */
.stat-card { flex: 1; padding: 15px; border-radius: 10px; color: white; display: flex; justify-content: space-between; align-items: center; min-width: 150px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
.stats-container { display: flex; gap: 15px; margin-bottom: 25px; flex-wrap: wrap; }

/* کارت سفارشات */
.order-card { background: white; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 15px; overflow: hidden; transition: box-shadow 0.2s; }
.order-card:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.08); }
.order-header { background: #f8f9fa; padding: 15px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.order-header:hover { background: #e9ecef; }
.order-details { display: none; padding: 15px; border-top: 1px solid #ddd; background: #fff; }
.item-row { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px dashed #eee; font-size: 0.9rem; }
.item-row:last-child { border-bottom: none; }