/* =========================================================
   ADMIN USERS MANAGEMENT
========================================================= */

/* ====== BREADCRUMB ====== */
.breadcrumb-wrap {
    background: #fff;
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 6px;
}

#breadcrumb {
    font-size: 14px;
}

#breadcrumb a {
    color: #0d6efd;
    text-decoration: none;
}

#breadcrumb .separator {
    margin: 0 6px;
    color: #999;
}

#breadcrumb .active {
    color: #333;
    font-weight: 600;
}

/* ====== FILTER CARD ====== */
.card {
    border-radius: 10px;
    border: none;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}

.card .form-control,
.card .form-select {
    border-radius: 8px;
    font-size: 14px;
}

/* ====== TABLE ====== */
.table {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.table thead {
    background: #212529;
    color: #fff;
}

.table thead th {
    font-weight: 600;
    font-size: 14px;
    white-space: nowrap;
}

.table tbody td {
    vertical-align: middle;
    font-size: 14px;
}

.table-hover tbody tr:hover {
    background-color: #f1f3f9;
}

/* ====== BADGES ====== */
.badge {
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 12px;
}

.bg-success {
    background-color: #198754 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

/* ====== ACTION BUTTONS ====== */
.table .btn {
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 6px;
}

/* ====== PAGINATION ====== */
.pagination {
    margin-top: 20px;
}

.pagination .page-item .page-link {
    color: #212529;
    border-radius: 8px;
    margin: 0 3px;
    font-size: 14px;
}

.pagination .page-item.active .page-link {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

/* ====== MODAL ====== */
.modal-content {
    border-radius: 14px;
    border: none;
}

.modal-header {
    background: #212529;
    color: #fff;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.modal-title {
    font-size: 18px;
    font-weight: 600;
}

.modal-body p {
    margin-bottom: 8px;
    font-size: 14px;
}

.modal-body strong {
    font-weight: 600;
}

.modal-footer {
    border-top: 1px solid #eee;
}

/* ====== ROLE SELECT ====== */
#mRole {
    font-size: 14px;
    border-radius: 8px;
}

/* ====== ADMIN ROLE NOTE ====== */
#adminRoleNote {
    font-size: 13px;
    margin-top: 5px;
}

/* ====== VERIFIED CHECKBOX ====== */
.form-check-label {
    font-size: 14px;
}

/* ====== TOGGLE STATUS BUTTON ====== */
#toggleStatusBtn {
    font-size: 14px;
    border-radius: 8px;
    font-weight: 600;
}

/* ====== EMPTY STATE ====== */
.text-muted {
    font-size: 14px;
}

/* ====== RTL SUPPORT ====== */
html[dir="rtl"] .table th,
html[dir="rtl"] .table td {
    text-align: right;
}

html[dir="rtl"] .pagination {
    direction: rtl;
}

/* ====== RESPONSIVE ====== */
@media (max-width: 768px) {
    .card .row > div {
        margin-bottom: 8px;
    }

    .table thead {
        font-size: 13px;
    }

    .modal-dialog {
        margin: 10px;
    }
}