/**
 * Monochrome (black & white) theme for admin and dashboard portals.
 * Scoped to backend / learner dashboard shells — not public marketing pages.
 */

body.admin-portal,
body.tutor-portal,
body.admin-portal .cp-portal,
.student-dashboard {
    --primary-color: #000000;
    --primary-dark: #171717;
    --secondary-color: #f5f5f5;
    --accent-color: #000000;
    --success-color: #171717;
    --warning-color: #525252;
    --danger-color: #000000;
    --info-color: #404040;
    --cp-accent: #000000;
    --cp-accent-soft: #f5f5f5;
    --cp-accent-deep: #000000;
    --cp-teal: #171717;
    --cp-teal-soft: #f5f5f5;
    --sd-primary: #000000;
    --sd-primary-dark: #171717;
    --sd-violet: #171717;
    --sd-success: #171717;
    --sd-warning: #525252;
    --sd-blue: #000000;
    --color-primary: #000000;
    --color-primary-dark: #171717;
    --color-success: #171717;
    --color-warning: #525252;
    --color-orange: #404040;
    --color-blue: #000000;
    --bs-primary: #000000;
    --bs-primary-rgb: 0, 0, 0;
    --bs-success: #171717;
    --bs-success-rgb: 23, 23, 23;
    --bs-warning: #525252;
    --bs-danger: #000000;
    --bs-info: #404040;
}

/* —— App / superadmin shell —— */
body.admin-portal {
    background-color: #f5f5f5 !important;
}

body.admin-portal .btn-primary,
body.tutor-portal .btn-primary,
.student-dashboard .btn-primary {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

body.admin-portal .btn-primary:hover,
body.admin-portal .btn-primary:focus,
body.tutor-portal .btn-primary:hover,
.student-dashboard .btn-primary:hover {
    background-color: #171717 !important;
    border-color: #171717 !important;
    color: #fff !important;
}

body.admin-portal .btn-outline-primary,
body.tutor-portal .btn-outline-primary,
.student-dashboard .btn-outline-primary {
    color: #000 !important;
    border-color: #000 !important;
}

body.admin-portal .btn-outline-primary:hover,
body.tutor-portal .btn-outline-primary:hover,
.student-dashboard .btn-outline-primary:hover {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

body.admin-portal .btn-success,
body.admin-portal .btn-info,
body.admin-portal .btn-warning {
    background-color: #171717 !important;
    border-color: #171717 !important;
    color: #fff !important;
}

body.admin-portal .btn-danger {
    background-color: #000 !important;
    border-color: #000 !important;
}

body.admin-portal .sidebar .nav-link.active,
body.admin-portal .nav-link.active {
    background-color: #000 !important;
    color: #fff !important;
}

body.admin-portal .sidebar .nav-link:hover:not(.active),
body.admin-portal .nav-link:hover {
    color: #000 !important;
}

body.admin-portal .pagination .page-item.active .page-link {
    background-color: #000 !important;
    border-color: #000 !important;
}

body.admin-portal .text-primary,
.student-dashboard .text-primary {
    color: #000 !important;
}

body.admin-portal .bg-primary {
    background-color: #000 !important;
}

body.admin-portal .badge.bg-primary,
body.admin-portal .badge.bg-success,
body.admin-portal .badge.bg-info,
body.admin-portal .badge.bg-warning {
    background-color: #171717 !important;
    color: #fff !important;
}

body.admin-portal .badge.bg-danger {
    background-color: #000 !important;
}

body.admin-portal .alert-success,
body.admin-portal .alert-info,
body.admin-portal .alert-warning {
    background-color: #fff !important;
    border: 1px solid #d4d4d4 !important;
    color: #171717 !important;
}

body.admin-portal .alert-danger {
    background-color: #fafafa !important;
    border: 1px solid #000 !important;
    color: #000 !important;
}

body.admin-portal .notification-item.unread {
    background-color: #f5f5f5 !important;
    border-left-color: #000 !important;
}

body.admin-portal .notification-item.unread::before {
    background: #000 !important;
}

body.admin-portal .priority-low,
body.admin-portal .priority-normal,
body.admin-portal .priority-high,
body.admin-portal .priority-urgent,
body.admin-portal .type-student_registration,
body.admin-portal .type-tutor_registration,
body.admin-portal .type-support_email,
body.admin-portal .type-course_enrollment,
body.admin-portal .type-payment_received,
body.admin-portal .type-system_alert,
body.admin-portal .type-new_review,
body.admin-portal .type-course_completion,
body.admin-portal .notification-icon {
    background-color: #f5f5f5 !important;
    color: #171717 !important;
}

body.admin-portal .sticky-view-all-notifications {
    background: #000 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25) !important;
}

body.admin-portal .sticky-view-all-notifications:hover {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;
}

body.admin-portal .avatar-placeholder,
body.admin-portal .loading-logo,
body.admin-portal .loading-bar {
    background: #000 !important;
    background-image: none !important;
}

body.admin-portal .global-loading-overlay {
    background: rgba(255, 255, 255, 0.92) !important;
}

body.admin-portal .content-area--company-portal {
    background: #f0f0f0 !important;
}

/* —— Company portal heroes & icons —— */
body.admin-portal .cp-orders-hero,
body.admin-portal .cp-students-hero,
body.admin-portal .cp-coupons-hero,
body.admin-portal .cp-courses-hero,
body.admin-portal .cp-account-hero,
body.admin-portal .cp-dash-hero,
body.admin-portal .cp-page-head {
    background: linear-gradient(145deg, #ffffff 0%, #f5f5f5 100%) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
    color: #0f172a !important;
    border-color: #e5e5e5 !important;
}

body.admin-portal .cp-dash-hero .cp-title {
    color: #000 !important;
}

body.admin-portal .cp-dash-hero .cp-sub {
    color: #525252 !important;
}

body.admin-portal .cp-dash-hero .cp-head-actions .btn-outline-primary {
    border-color: #000 !important;
    color: #000 !important;
    background: #fff !important;
}

body.admin-portal .cp-dash-hero .cp-head-actions .btn-outline-primary:hover {
    background: #000 !important;
    color: #fff !important;
}

body.admin-portal .cp-dash-hero .cp-head-actions .btn-outline-secondary {
    border-color: #d4d4d4 !important;
    color: #171717 !important;
    background: #fff !important;
}

body.admin-portal .cp-orders-hero__icon,
body.admin-portal .cp-students-hero__icon,
body.admin-portal .cp-coupons-hero__icon,
body.admin-portal .cp-courses-hero__icon,
body.admin-portal .cp-account-avatar-edit {
    background: #000 !important;
    background-image: none !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
    color: #fff !important;
}

body.admin-portal .cp-stat--accent,
body.admin-portal .cp-stat--success,
body.admin-portal .cp-stat--pending,
body.admin-portal .cp-stat--revenue,
body.admin-portal .cp-stat--domain-connected,
body.admin-portal .cp-stat--domain-pending {
    border-color: #d4d4d4 !important;
    background: linear-gradient(145deg, #fff 0%, #f5f5f5 100%) !important;
}

body.admin-portal .cp-eyebrow {
    color: #525252 !important;
}

body.admin-portal .cp-callout--warning,
body.admin-portal .cp-domain-nudge--success {
    background: #fff !important;
    border-color: #d4d4d4 !important;
    color: #171717 !important;
}

body.admin-portal .cp-badge--success,
body.admin-portal .cp-badge--pending,
body.admin-portal .cp-badge--failed,
body.admin-portal .cp-pill--paid,
body.admin-portal .cp-pill--pending,
body.admin-portal .cp-pill--failed {
    background: #f5f5f5 !important;
    color: #000 !important;
    border: 1px solid #d4d4d4 !important;
}

body.admin-portal .cp-students-tab.is-active,
body.admin-portal .cp-orders-tab.is-active,
body.admin-portal .cp-notify-card:has(input:checked) {
    background: #f5f5f5 !important;
    border-color: #000 !important;
    color: #000 !important;
}

body.admin-portal .cp-quick-link__icon,
body.admin-portal .cp-notify-card__icon {
    background: #f5f5f5 !important;
    color: #000 !important;
}

body.admin-portal a.cp-stat:hover {
    border-color: #000 !important;
}

/* —— Tutor portal —— */
body.tutor-portal .sidebar {
    background: #fff !important;
    background-image: none !important;
    color: #000 !important;
    border-right: 1px solid #e5e5e5;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.06);
}

body.tutor-portal .sidebar-header {
    border-bottom-color: #e5e5e5 !important;
}

body.tutor-portal .sidebar-header h4,
body.tutor-portal .sidebar-header small {
    color: #000 !important;
}

body.tutor-portal .sidebar-menu .nav-link {
    color: #525252 !important;
}

body.tutor-portal .sidebar-menu .nav-link:hover,
body.tutor-portal .sidebar-menu .nav-link.active {
    color: #000 !important;
    background-color: #f5f5f5 !important;
}

body.tutor-portal .dashboard-header {
    background: #000 !important;
    background-image: none !important;
    color: #fff !important;
}

body.tutor-portal .dashboard-page {
    background: #f5f5f5 !important;
    background-image: none !important;
}

body.tutor-portal .stat-icon {
    background: #000 !important;
    color: #fff !important;
}

body.tutor-portal .status-badge {
    background: #171717 !important;
}

body.tutor-portal .progress-bar {
    background-color: #000 !important;
}

/* —— Student dashboard (frontend layout) —— */
.student-dashboard .compact-dashboard-header {
    background: linear-gradient(145deg, #000 0%, #171717 100%) !important;
}

.student-dashboard .compact-dashboard-header::after {
    background: radial-gradient(ellipse 70% 55% at 80% 20%, rgba(255, 255, 255, 0.12), transparent 55%) !important;
}

.student-dashboard-home .stat-purple .stat-icon,
.student-dashboard-home .stat-green .stat-icon,
.student-dashboard-home .stat-orange .stat-icon,
.student-dashboard-home .stat-blue .stat-icon {
    background: #000 !important;
    background-image: none !important;
}

.student-dashboard .stat-purple .sd-stat-value,
.student-dashboard .stat-green .sd-stat-value,
.student-dashboard .stat-orange .sd-stat-value,
.student-dashboard .stat-blue .sd-stat-value {
    color: #000 !important;
}

.student-dashboard .stat-purple,
.student-dashboard .stat-green,
.student-dashboard .stat-orange,
.student-dashboard .stat-blue {
    border-left-color: #000 !important;
}

.student-dashboard .main-dashboard-section {
    background: linear-gradient(180deg, #f5f5f5 0%, #ebebeb 100%) !important;
}

.student-dashboard .btn-outline:hover {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}

/* Form focus rings */
body.admin-portal .form-control:focus,
body.admin-portal .form-select:focus,
body.tutor-portal .form-control:focus,
.student-dashboard .form-control:focus {
    border-color: #000 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12) !important;
}

body.admin-portal .form-check-input:checked {
    background-color: #000 !important;
    border-color: #000 !important;
}

/* Superadmin dashboard page */
body.admin-portal .admin-dashboard-page .hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

body.admin-portal .admin-dashboard-page .lms-section {
    background: #fff !important;
    border-color: #e5e5e5 !important;
}

body.admin-portal .admin-dashboard-page .lms-action-card:hover {
    color: #000 !important;
}