/* resources/css/admin.css */

/* AdminLTE styles are imported via CDN or npm, but we'll add custom styles here */

/* Your custom admin styles */
.wrapper {
    min-height: 100vh;
}

.content-wrapper {
    min-height: calc(100vh - 57px);
    background-color: #f4f6f9;
}

.main-sidebar {
    background-color: #343a40 !important;
}

.brand-link {
    border-bottom: 1px solid #4b545c !important;
}

.nav-sidebar .nav-link.active {
    background-color: #007bff !important;
    color: #fff !important;
}

/* Dark mode support */
.dark-mode .content-wrapper,
.dark-mode .main-footer {
    background-color: #454d55;
    color: #fff;
}

.dark-mode .card {
    background-color: #343a40;
    color: #fff;
}

/* Custom admin utilities */
.cursor-pointer {
    cursor: pointer;
}

/* Status badges */
.badge-approved {
    background-color: #28a745;
    color: white;
}

.badge-pending {
    background-color: #ffc107;
    color: black;
}

.badge-spam {
    background-color: #dc3545;
    color: white;
}
