/* =========================
   DARK MODE STYLES FOR SKYART
========================= */

body.dark-mode {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

/* Navbar */
body.dark-mode .navbar {
    background-color: #1f1f1f !important;
    border-bottom: 1px solid #333 !important;
}

/* Cards */
body.dark-mode .card {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

body.dark-mode .card-header {
    background-color: #242526 !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

/* Tables */
body.dark-mode .table {
    color: #e0e0e0 !important;
}

body.dark-mode .table thead th {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
    border-color: #333 !important;
}

body.dark-mode .table tbody td {
    background-color: #1e1e1e !important;
    border-color: #333 !important;
}

body.dark-mode .table-hover tbody tr:hover td {
    background-color: #2c2c2c !important;
}

/* Modals */
body.dark-mode .modal-content {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    border-color: #333 !important;
}

/* Inputs & Form Controls */
body.dark-mode .form-control,
body.dark-mode .form-select {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}

body.dark-mode .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
}

body.dark-mode .form-select option {
    background-color: #2a2a2a !important;
    color: #ffffff !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder,
body.dark-mode .form-control::placeholder {
    color: #ffffff !important;
    opacity: 0.6 !important;
}

/* Buttons outline */
body.dark-mode .btn-outline-primary,
body.dark-mode .btn-outline-success,
body.dark-mode .btn-outline-warning,
body.dark-mode .btn-outline-danger,
body.dark-mode .btn-outline-secondary,
body.dark-mode .btn-outline-info {
    color: #e0e0e0;
    border-color: #555;
}

body.dark-mode .btn-outline-secondary:hover {
    background-color: #3a3b3c;
    border-color: #666;
    color: #fff;
}

/* Warning badges */
body.dark-mode .bg-warning,
body.dark-mode .bg-warning * {
    color: #000000 !important;
}

/* Muted text in dark mode */
body.dark-mode .text-muted {
    color: #9e9e9e !important;
}