/*
 * EVIDIO theme layer (flat premium)
 * Active palette is imported from /css/themes/current-theme.css
 */
@import url("themes/current-theme.css");

body {
    background: var(--background);
    color: var(--text-dark);
}

.sidebar {
    background: #f8fafc;
    border-right: 1px solid var(--sidebar-border, #d7dee8);
    box-shadow: none;
}

.sidebar-header {
    background: var(--sidebar-header-bg, #16243a);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.sidebar-nav-item {
    color: var(--sidebar-text, #4e5f74);
}

.sidebar-nav-item:hover {
    background: var(--sidebar-hover-bg, #eef3f8);
    color: var(--sidebar-active-text, var(--primary-color));
}

.sidebar-nav-item.active {
    background: var(--sidebar-active-bg, #e8eef5);
    color: var(--sidebar-active-text, var(--primary-color));
    border-left-color: var(--accent-color);
}

.sidebar-footer {
    background: #f3f6fa;
}

.btn,
.btn-modern,
.payroll-modal-actions .btn {
    box-shadow: none;
}

.btn-primary,
.btn-modern-primary,
.payroll-modal-actions .btn-primary {
    background: #1f3a5f;
    border: 1px solid #1f3a5f;
    color: #ffffff;
}

.btn-primary:hover,
.btn-modern-primary:hover,
.payroll-modal-actions .btn-primary:hover {
    background: #182e4c;
    border-color: #182e4c;
}

.btn-outline,
.btn-modern-outline,
.payroll-modal-actions .btn-outline {
    background: #ffffff;
    border: 1px solid #1f3a5f;
    color: #1f3a5f;
}

.btn-outline:hover,
.btn-modern-outline:hover,
.payroll-modal-actions .btn-outline:hover {
    background: #1f3a5f;
    color: #ffffff;
}

.btn-success,
.btn-modern-success,
.payroll-modal-actions .btn-success {
    background: #2f7d57;
    border: 1px solid #2f7d57;
}

.btn-success:hover,
.btn-modern-success:hover,
.payroll-modal-actions .btn-success:hover {
    background: #276a49;
    border-color: #276a49;
}

.btn-danger,
.btn-modern-danger,
.payroll-modal-actions .btn-danger {
    background: #b23a3a;
    border: 1px solid #b23a3a;
}

.btn-danger:hover,
.btn-modern-danger:hover,
.payroll-modal-actions .btn-danger:hover {
    background: #962f2f;
    border-color: #962f2f;
}

.form-group input,
.form-group select,
.form-group textarea {
    border-color: #d5deea;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    border-color: #1f3a5f;
    box-shadow: 0 0 0 3px rgba(31, 58, 95, 0.12);
}

.stat-card,
.action-card,
.kanban-card,
.table-card,
.absent-card,
.worker-card,
.payroll-kanban-card {
    border: 1px solid #dce3ec;
    box-shadow: none;
}

.expenses-page .stat-card {
    border-left-width: 6px !important;
}

.action-card:hover,
.kanban-card:hover,
.absent-card:hover {
    transform: none;
    box-shadow: none;
    border-color: #cfd9e6;
}

.stat-icon,
.action-icon {
    color: #1f3a5f;
}

.stat-success {
    border-left-color: #2f7d57;
    border-left-width: 6px;
}

.stat-warning {
    border-left-color: #b58f4e;
    border-left-width: 6px;
}

.stat-info {
    border-left-color: #2a5b8f;
    border-left-width: 6px;
}

table thead {
    background: #16243a;
}

table th {
    color: #e8eef7;
}

table tbody tr:hover {
    background: #f3f6fa;
}

.badge,
.status-badge {
    border: 1px solid #e1e7ef;
}

.badge-present {
    background: #edf7f1;
    color: #2f7d57;
}

.badge-absent {
    background: #f8f1e6;
    color: #8b6428;
}

.absent-card {
    border-left-color: #b58f4e;
    border-left-width: 6px;
}

.absent-card.blinking {
    animation: none;
}

.modal {
    background-color: rgba(15, 27, 45, 0.42);
}

.modal-header {
    background: #16243a;
    border-bottom-color: #24364f;
}

.modal-body .form-actions {
    border-top-color: #dbe3ed;
}

.detail-value-modern.advance-value,
.stat-value.advance-value {
    color: #8b6428;
}

.detail-value-modern.highlight-value,
.stat-value.highlight-value {
    color: #1f3a5f;
}

.v-btn.active {
    color: #8b6428;
}

.login-page {
    background: var(--login-bg, #1a2740);
}

.login-box {
    border: 1px solid #dbe2ec;
    box-shadow: none;
}

/* =========================
   Global page-level overrides
   (override inline page styles)
   ========================= */

/* Reports */
.reports-page-wrap .reports-stat-box {
    border-left-width: 6px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    border-color: var(--border-color) !important;
    background: #fff !important;
}
.reports-page-wrap .reports-stat-box.stat-primary { border-left-color: var(--primary-color) !important; }
.reports-page-wrap .reports-stat-box.stat-info { border-left-color: var(--info-color) !important; }
.reports-page-wrap .reports-stat-box.stat-success { border-left-color: var(--success-color) !important; }
.reports-page-wrap .reports-stat-box.stat-warning { border-left-color: var(--accent-color) !important; }
.reports-page-wrap .reports-stat-box.stat-danger { border-left-color: var(--error-color) !important; }
.reports-page-wrap .emp-card {
    box-shadow: none !important;
    border: 1px solid var(--border-color) !important;
}
.reports-page-wrap .emp-card-avatar {
    background: var(--primary-color) !important;
}

/* Vehicles */
.vehicles-kanban-container .vehicle-kanban-card {
    border: 1px solid var(--border-color) !important;
    border-left-width: 6px !important;
    box-shadow: none !important;
    border-radius: 8px !important;
}
.vehicles-kanban-container .vehicle-kanban-card.active { border-left-color: var(--success-color) !important; }
.vehicles-kanban-container .vehicle-kanban-card.inactive { border-left-color: #8b96a7 !important; }
.vehicles-kanban-container .vehicle-card-actions .vehicle-action-btn {
    border: 1px solid transparent !important;
    box-shadow: none !important;
}
.vehicles-kanban-container .vehicle-card-actions .vehicle-action-edit,
.vehicles-kanban-container .vehicle-card-actions .vehicle-action-service,
.vehicles-kanban-container .vehicle-card-actions .vehicle-action-mileage {
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: #fff !important;
}
.vehicles-kanban-container .vehicle-card-actions .vehicle-action-registration {
    background: var(--success-color) !important;
    border-color: var(--success-color) !important;
    color: #fff !important;
}
.vehicles-kanban-container .vehicle-card-actions .vehicle-action-delete {
    background: var(--error-color) !important;
    border-color: var(--error-color) !important;
    color: #fff !important;
}

/* Expenses */
.expenses-page .stat-card {
    border-left-width: 6px !important;
    box-shadow: none !important;
}
.expenses-page .expenses-table-container,
.expenses-page .expenses-pagination {
    box-shadow: none !important;
    border: 1px solid var(--border-color);
}
.expenses-page .expenses-status-icon.expenses-status-paid {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.expenses-page .expenses-status-paid,
.expenses-page .expenses-status-badge.expenses-status-paid {
    background: var(--primary-light) !important;
    color: var(--primary-color) !important;
}
.expenses-page .expenses-status-paid::before,
.expenses-page .expenses-status-badge.expenses-status-paid::before {
    background: var(--primary-color) !important;
}

/* Dashboard */
.dashboard-page .stat-card,
.dashboard-page .absent-card {
    border-left-width: 6px !important;
    box-shadow: none !important;
}

/* Attendance + dialy_attendance (same class names) */
.nav-header {
    box-shadow: none !important;
    border: 1px solid var(--border-color);
}
.view-switch { background: #eef2f7 !important; }
.v-btn.active {
    color: var(--primary-color) !important;
    box-shadow: none !important;
}
.nav-arrows a { color: var(--primary-color) !important; }
.cal-legend .dot.low { background: #8a3b3b !important; }
.cal-legend .dot.mid { background: var(--accent-color) !important; }
.cal-legend .dot.high { background: var(--success-color) !important; }
.cal-day.h-low { border-bottom-color: #8a3b3b !important; }
.cal-day.h-mid { border-bottom-color: var(--accent-color) !important; }
.cal-day.h-high { border-bottom-color: var(--success-color) !important; }
.worker-card {
    box-shadow: none !important;
    border: 1px solid var(--border-color) !important;
}
.worker-card.present { border-left-color: var(--primary-color) !important; }
.worker-card.present .btn-toggle { background: var(--primary-color) !important; }
.btn-field {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.btn-field.active {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.btn-save-hours {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.btn-save-hours:hover { background: var(--primary-dark) !important; }
.modal-box h3,
.log-modal-box h4 { color: var(--primary-color) !important; }
.modal-btn {
    background: var(--primary-color) !important;
    color: #fff !important;
}