/* ================= تم طراحی باکس‌های کاملاً برجسته ================= */

/* پس‌زمینه کل سامانه (خاکستری مایل به آبی) */
body {
    background-color: #e2e8f0 !important;
}

/* کارت‌های اصلی، جداول، فرم‌ها و باکس‌ها */
.table-container, .stat-card, .chart-card, .login-card, 
form[style*="background"], 
div[style*="max-width: 800px"][style*="background: #fff"], 
div[style*="max-width: 900px"][style*="background: #fff"],
div[style*="max-width: 600px"][style*="background: #fff"],
div[style*="background: #fff"],
div[style*="background: white"] {
    background: #ffffff !important; /* پس‌زمینه سفید */
    border: 2px solid #94a3b8 !important; /* حاشیه ضخیم و تیره‌تر */
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important; /* سایه عمیق */
    border-radius: 16px !important;
    backdrop-filter: none !important;
}

/* ردیف‌های داخلی (مثل سوالات و واحدهای هدف) */
div[style*="background: #f8fafc"], 
div[style*="border: 1px solid #e2e8f0"],
div[style*="border: 1px solid #cbd5e1"] {
    background: #f8fafc !important;
    border: 1px solid #64748b !important; /* حاشیه واضح برای ردیف‌های داخلی */
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.02) !important;
}

/* منوی کناری */
#main-sidebar {
    background: #ffffff !important;
    border-left: 2px solid #cbd5e1 !important;
    box-shadow: -5px 0 20px rgba(0,0,0,0.05) !important;
}

/* فیلدهای ورودی (تاریخ، متن و...) */
.form-input, input[type="text"], input[type="password"], input[type="email"], input[type="number"], select, textarea {
    background: #ffffff !important;
    border: 1.5px solid #64748b !important; /* حاشیه کاملاً واضح */
    border-radius: 8px !important;
    color: #0f172a !important;
}

.form-input:focus, input:focus, select:focus, textarea:focus {
    border-color: #0ea5e9 !important;
    box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.2) !important;
    outline: none !important;
}

/* دکمه‌ها */
.btn-eval, button[type="submit"], .btn-primary {
    background: #0ea5e9 !important;
    border: 1px solid #0284c7 !important;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.3) !important;
}

/* جداول */
th {
    background: #f1f5f9 !important;
    color: #1e293b !important;
    font-weight: bold !important;
    border-bottom: 2px solid #94a3b8 !important;
}
td {
    border-bottom: 1px solid #cbd5e1 !important;
}