/* assets/css/style.css - استایل‌های سفارشی */

body {
    background: #f3eef7;
}

.btn-purple {
    background-color: #7b4fcf;
    color: #fff;
}
.btn-purple:hover {
    background-color: #6a3fb5;
    color: #fff;
}

.text-purple {
    color: #7b4fcf;
}

.bg-soft-purple {
    background-color: #f3eef7;
}

.login-card, .register-card {
    border: none;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(111, 66, 193, 0.15);
}

.captcha-box {
    background: #e9dff5;
    padding: 10px;
    border-radius: 8px;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: 5px;
    color: #5a3d8a;
}

.table th {
    background-color: #e9dff5;
}

.badge-status {
    font-size: 0.8rem;
}

.task-done-btn {
    color: #28a745;
    font-size: 1.5rem;
    cursor: pointer;
    text-decoration: none;
}
.task-done-btn:hover {
    color: #1e7e34;
}

.card-header {
    background-color: #f3eef7;
    border-bottom: 2px solid #7b4fcf;
}
/* کارت‌های آماری */
.card .display-6 {
    font-size: 2.5rem;
    font-weight: 300;
    margin-bottom: 0;
}

.btn-outline-purple {
    color: #7b4fcf;
    border-color: #7b4fcf;
}
.btn-outline-purple:hover {
    background-color: #7b4fcf;
    color: #fff;
}

/* استایل‌های جدید برای هدر و فیلترها */
.badge.bg-light {
    background-color: #f8f9fa !important;
    color: #333 !important;
    font-weight: normal;
    padding: 0.35rem 0.65rem;
}

.navbar .badge {
    font-size: 0.7rem;
    padding: 0.3rem 0.6rem;
}

.btn-outline-purple {
    color: #7b4fcf;
    border-color: #7b4fcf;
}
.btn-outline-purple:hover {
    background-color: #7b4fcf;
    color: #fff;
}

/* تنظیمات اندازه هدر */
.navbar {
    min-height: 48px;
}

.navbar .navbar-brand {
    font-size: 0.9rem;
}

.navbar .btn-sm {
    padding: 0.2rem 0.5rem;
    font-size: 0.75rem;
}

/* فیلترها */
.form-select-sm, .form-control-sm {
    font-size: 0.8rem;
}

.card-header {
    background-color: #f3eef7;
    border-bottom: 2px solid #7b4fcf;
}

.table-sm th {
    background-color: #e9dff5;
    font-size: 0.8rem;
}

.table-sm td {
    font-size: 0.85rem;
    vertical-align: middle;
}

.task-done-btn {
    color: #28a745;
    font-size: 1.2rem;
    cursor: pointer;
    text-decoration: none;
}
.task-done-btn:hover {
    color: #1e7e34;
}