/* Admin Theme - Clean (azul/teal claro) */
:root {
	--bg-page: #f5f7fa;
	--bg-content: #ffffff;
	--text: #1f2937;
	--text-muted: #6b7280;
	--border: #e5e7eb;
	--primary: #0ea5a4; /* teal */
	--primary-600: #0d9488;
	--primary-700: #0f766e;
	--nav: #1f3a5f; /* azul escuro para navbar/sidebar */
	--nav-contrast: #e5f2ff;
	--kpi-green: #E8F7EE;
	--kpi-yellow: #FFF6DB;
	--kpi-cyan: #DAF7F8;
	--kpi-red: #FFE5E5;
}

html, body {
	background: var(--bg-page) !important;
	color: var(--text) !important;
}

/* Navbar */
.navbar-custom {
	background: var(--nav) !important;
	border-bottom: 2px solid var(--primary) !important;
	box-shadow: 0 2px 12px rgba(0,0,0,.12) !important;
}
.navbar-custom .navbar-brand, .navbar-custom .nav-link { color: #fff !important; }
.navbar-custom .nav-link:hover, .navbar-custom .nav-link.active { background: rgba(255,255,255,.12) !important; }

/* Sidebar */
.sidebar {
	background: var(--nav) !important;
	border-right: 2px solid rgba(255,255,255,.08) !important;
}
.sidebar .nav-link { color: rgba(255,255,255,.9) !important; }
.sidebar .nav-link:hover { background: rgba(255,255,255,.12) !important; color: #fff !important; }
.sidebar .nav-link.active { background: var(--primary-700) !important; border-left: 3px solid var(--primary) !important; }

/* Main content */
.main-content { background: var(--bg-page) !important; color: var(--text) !important; }

/* Cards e containers */
.card, .alert, .modal-content {
	background: var(--bg-content) !important;
	border: 1px solid var(--border) !important;
	box-shadow: 0 6px 18px rgba(0,0,0,.06) !important;
	color: var(--text) !important;
}
.card-header {
	background: #ffffff !important;
	border-bottom: 1px solid var(--border) !important;
	color: var(--text) !important;
}

/* Tabelas */
.table { background: #fff !important; color: var(--text) !important; }
.table td, .table th { background: #fff !important; color: var(--text) !important; }
.table thead th { background: #f1f5f9 !important; color: #111827 !important; border-bottom: 2px solid var(--border) !important; }
.table-hover tbody tr:hover { background: #f9fafb !important; }

/* Botões */
.btn-primary {
	background: var(--primary) !important;
	border-color: var(--primary-600) !important;
	color: #fff !important;
	box-shadow: 0 4px 14px rgba(14,165,164,.35) !important;
}
.btn-primary:hover { background: var(--primary-600) !important; border-color: var(--primary-700) !important; }
.btn-success { background: #22c55e !important; border: none !important; }
.btn-danger { background: #ef4444 !important; border: none !important; }

/* Formulários */
.form-control, .form-select, .input-group-text { background: #fff !important; border-color: var(--border) !important; color: var(--text) !important; }
.form-control:focus, .form-select:focus { border-color: var(--primary) !important; box-shadow: 0 0 0 .2rem rgba(14,165,164,.2) !important; }
.form-label { color: var(--text) !important; }

/* Badges utilitárias */
.badge.bg-light { background: #f8fafc !important; color: var(--text) !important; border: 1px solid var(--border) !important; }

/* Scrollbar suave */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #e5e7eb; }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 6px; border: 2px solid #e5e7eb; }
::-webkit-scrollbar-thumb:hover { background: var(--primary-600); }

/* Modal backdrop - reduzir opacidade para não escurecer demais */
.modal-backdrop {
	background-color: #000 !important;
	opacity: 0.2 !important;
}
.modal-backdrop.show {
	opacity: 0.2 !important;
}
/* Garantir que o conteúdo do modal não fique escuro */
.modal-content {
	background: var(--bg-content) !important;
	color: var(--text) !important;
}
.modal-body {
	background: var(--bg-content) !important;
	color: var(--text) !important;
}