/* Custom Styles for Asset Management System */
body {
    background-color: #fafbfc;
    color: #333;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: all 0.3s ease;
}

body.dark-mode {
    background-color: #1e1e1e;
    color: #ddd;
}

.dark-mode .navbar {
    background-color: #333;
    color: #ddd;
}

.dark-mode .card {
    background-color: #2c2c2c;
    color: #ddd;
}

.dark-mode .btn-primary {
    background: linear-gradient(to right, #444, #555);
}

.dark-mode .footer {
    background-color: #333;
    color: #ccc;
}

.navbar {
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    background: #1c2833; /* Solid dark color */
}

.navbar .navbar-nav .nav-link {
    color: #bdc3c7!important; /* Updated text color for contrast */
    transition: color 0.3s ease;
}

.navbar .navbar-nav .nav-link:hover {
    color: #f1c40f!important; /* Hover effect */
}

.navbar .navbar-text {
    color: #bdc3c7!important; /* Updated text color for contrast */
}

.card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: box-shadow 0.2s ease-in-out;
}

.card:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

.btn-primary {
    background: linear-gradient(to right, #667eea, #764ba2);
    border: none;
}

.btn-primary:hover {
    background: linear-gradient(to left, #667eea, #764ba2);
}

.footer {
    background-color: #f8f9fa;
    padding: 20px 0;
    text-align: center;
    font-size: 14px;
    color: #888;
}

.footer a {
    color: #667eea;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

/* Dark mode table styles */
.dark-mode table,
.dark-mode .table {
    background-color: #23272b !important;
    color: #e0e0e0 !important;
}
.dark-mode .table th,
.dark-mode table th {
    background-color: #23272b !important;
    color: #f1c40f !important;
    border-color: #444 !important;
}
.dark-mode .table td,
.dark-mode table td {
    background-color: #23272b !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}
.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #262a2e !important;
}
.dark-mode .table-hover tbody tr:hover {
    background-color: #2d3237 !important;
    color: #fff !important;
}

/* Bulletproof dark mode table styles for .dark-table */
.dark-mode table.dark-table,
.dark-mode .dark-table,
.dark-mode .dark-table th,
.dark-mode .dark-table td {
    background-color: #232544 !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}
.dark-mode .dark-table th {
    color: #f1c40f !important;
}
.dark-mode .dark-table.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #262a2e !important;
}
.dark-mode .dark-table.table-hover tbody tr:hover {
    background-color: #2d3237 !important;
    color: #fff !important;
}

/* Ultra-specific bulletproof dark mode table styles for .dark-table */
.dark-mode table.dark-table,
.dark-mode table.dark-table th,
.dark-mode table.dark-table td,
.dark-mode .dark-table th,
.dark-mode .dark-table td {
    background-color: #232544 !important;
    color: #e0e0e0 !important;
    border-color: #444 !important;
}
.dark-mode table.dark-table th,
.dark-mode .dark-table th {
    color: #f1c40f !important;
}
.dark-mode table.dark-table.table-striped > tbody > tr:nth-of-type(odd),
.dark-mode .dark-table.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #262a2e !important;
}
.dark-mode table.dark-table.table-hover tbody tr:hover,
.dark-mode .dark-table.table-hover tbody tr:hover {
    background-color: #2d3237 !important;
    color: #fff !important;
}