/* Dark Theme Styles for S.G. One Admin */

/* Smooth transition for theme switching */
.dark-theme,
.dark-theme * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* Root Dark Theme */
.dark-theme {
    color-scheme: dark;
}

/* Body and Background */
.dark-theme body {
    background-color: #0f172a;
    color: #e2e8f0;
}

.dark-theme .bg-gray-50 {
    background-color: #0f172a !important;
}

.dark-theme .bg-gray-100 {
    background-color: #1e293b !important;
}

.dark-theme .bg-gray-200 {
    background-color: #334155 !important;
}

.dark-theme .bg-white {
    background-color: #1e293b !important;
}

/* Text Colors */
.dark-theme .text-gray-900 {
    color: #f1f5f9 !important;
}

.dark-theme .text-gray-800 {
    color: #e2e8f0 !important;
}

.dark-theme .text-gray-700 {
    color: #cbd5e1 !important;
}

.dark-theme .text-gray-600 {
    color: #94a3b8 !important;
}

.dark-theme .text-gray-500 {
    color: #64748b !important;
}

.dark-theme .text-gray-400 {
    color: #475569 !important;
}

.dark-theme .text-gray-300 {
    color: #334155 !important;
}

/* Borders */
.dark-theme .border-gray-200 {
    border-color: #334155 !important;
}

.dark-theme .border-gray-300 {
    border-color: #475569 !important;
}

.dark-theme .border-gray-100 {
    border-color: #1e293b !important;
}

.dark-theme .border-b {
    border-bottom-color: #334155 !important;
}

.dark-theme .border-t {
    border-top-color: #334155 !important;
}

/* Header */
.dark-theme header {
    background-color: #1e293b !important;
    border-bottom-color: #334155 !important;
}

/* Sidebar */
.dark-theme aside {
    background-color: #1e293b !important;
    border-right-color: #334155 !important;
}

.dark-theme .sidebar-item {
    color: #cbd5e1 !important;
}

.dark-theme .sidebar-item:hover {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.2), rgba(118, 75, 162, 0.2)) !important;
}

.dark-theme .sidebar-item.active {
    background: linear-gradient(135deg, #667eea, #764ba2) !important;
    color: white !important;
}

.dark-theme .sidebar-item i {
    color: #64748b !important;
}

.dark-theme .sidebar-item:hover i {
    color: #94a3b8 !important;
}

.dark-theme .sidebar-item.active i {
    color: white !important;
}

/* Cards and Containers */
.dark-theme .rounded-xl,
.dark-theme .rounded-lg {
    background-color: #1e293b !important;
}

.dark-theme .shadow-md,
.dark-theme .shadow-lg,
.dark-theme .shadow-xl {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

/* Inputs and Forms */
.dark-theme input,
.dark-theme select,
.dark-theme textarea {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* Placeholder-ul trebuie sa se DISTINGA de textul introdus (#e2e8f0).
   Era #fff — mai deschis decat textul real, deci un camp gol arata exact ca
   unul completat. #94a3b8 (slate-400) ramane lizibil pe #0f172a, dar evident
   mai sters decat textul. */
.dark-theme input::placeholder,
.dark-theme textarea::placeholder {
    color: #94a3b8 !important;
}

.dark-theme input:focus,
.dark-theme select:focus,
.dark-theme textarea:focus {
    border-color: #667eea !important;
    background-color: #1e293b !important;
}

.dark-theme input:disabled,
.dark-theme select:disabled,
.dark-theme textarea:disabled {
    background-color: #1e293b !important;
    color: #64748b !important;
    opacity: 0.6;
}

/* Buttons */
.dark-theme button:not(.quick-action):not(.bg-blue-400):not(.bg-blue-500):not(.bg-blue-600):not(.bg-blue-700):not(.bg-green-400):not(.bg-green-500):not(.bg-green-600):not(.bg-green-700):not(.bg-red-400):not(.bg-red-500):not(.bg-red-600):not(.bg-red-700):not(.bg-purple-500):not(.bg-purple-600):not(.bg-purple-700):not(.bg-orange-500):not(.bg-orange-600):not(.bg-orange-700):not(.bg-yellow-500):not(.bg-yellow-600):not(.bg-indigo-600):not(.bg-indigo-700):not(.bg-teal-600):not(.bg-emerald-600):not([onclick="clearClientsFilters()"]):not([onclick="exportClientsData()"]):not([onclick="loadClientsList()"]):not([onclick="deleteAllRead()"]):not([onclick="markAllNotificationsAsRead()"]):not([onclick="viewAllNotifications()"]):not([onclick="exportReportExcel()"]):not([onclick="exportReportPDF()"]):not([onclick="printReport()"]):not([onclick="previewContract()"]):not(.text-red-600):not(.text-blue-600) {
    background-color: #334155 !important;
    color: #e2e8f0 !important;
}

.dark-theme button:not(.quick-action):not(.bg-blue-400):not(.bg-blue-500):not(.bg-blue-600):not(.bg-blue-700):not(.bg-green-400):not(.bg-green-500):not(.bg-green-600):not(.bg-green-700):not(.bg-red-400):not(.bg-red-500):not(.bg-red-600):not(.bg-red-700):not(.bg-purple-500):not(.bg-purple-600):not(.bg-purple-700):not(.bg-orange-500):not(.bg-orange-600):not(.bg-orange-700):not(.bg-yellow-500):not(.bg-yellow-600):not(.bg-indigo-600):not(.bg-indigo-700):not(.bg-teal-600):not(.bg-emerald-600):not([onclick="clearClientsFilters()"]):not([onclick="exportClientsData()"]):not([onclick="loadClientsList()"]):not([onclick="deleteAllRead()"]):not([onclick="markAllNotificationsAsRead()"]):not([onclick="viewAllNotifications()"]):not([onclick="exportReportExcel()"]):not([onclick="exportReportPDF()"]):not([onclick="printReport()"]):not([onclick="previewContract()"]):not(.text-red-600):not(.text-blue-600):hover {
    background-color: #475569 !important;
}

/* Pastreaza culorile butoanelor colorate.
   Blocul asta era GOL (doar comentariu), deci regula globala
   «.dark-theme .rounded-xl/.rounded-lg -> #1e293b !important» de mai sus
   revopsea in gri-inchis ORICE buton colorat rotunjit — de aici zecile de
   patch-uri punctuale din josul fisierului si hack-urile inline din pagini
   (ex. invoicing.js). Regulile de aici au ACEEASI specificitate ca cea
   globala, dar vin DUPA ea in fisier, deci castiga. Valorile = paleta
   Tailwind standard, enumerata din codul adminului (bg-*-400..700). */
.dark-theme .bg-blue-400    { background-color: #60a5fa !important; }
.dark-theme .bg-blue-500    { background-color: #3b82f6 !important; }
.dark-theme .bg-blue-600    { background-color: #2563eb !important; }
.dark-theme .bg-blue-700    { background-color: #1d4ed8 !important; }
.dark-theme .bg-green-400   { background-color: #4ade80 !important; }
.dark-theme .bg-green-500   { background-color: #22c55e !important; }
.dark-theme .bg-green-600   { background-color: #16a34a !important; }
.dark-theme .bg-green-700   { background-color: #15803d !important; }
.dark-theme .bg-red-400     { background-color: #f87171 !important; }
.dark-theme .bg-red-500     { background-color: #ef4444 !important; }
.dark-theme .bg-red-600     { background-color: #dc2626 !important; }
.dark-theme .bg-red-700     { background-color: #b91c1c !important; }
.dark-theme .bg-purple-500  { background-color: #a855f7 !important; }
.dark-theme .bg-purple-600  { background-color: #9333ea !important; }
.dark-theme .bg-purple-700  { background-color: #7e22ce !important; }
.dark-theme .bg-orange-500  { background-color: #f97316 !important; }
.dark-theme .bg-orange-600  { background-color: #ea580c !important; }
.dark-theme .bg-orange-700  { background-color: #c2410c !important; }
.dark-theme .bg-yellow-500  { background-color: #eab308 !important; }
.dark-theme .bg-yellow-600  { background-color: #ca8a04 !important; }
.dark-theme .bg-indigo-600  { background-color: #4f46e5 !important; }
.dark-theme .bg-indigo-700  { background-color: #4338ca !important; }
.dark-theme .bg-teal-600    { background-color: #0d9488 !important; }
.dark-theme .bg-emerald-600 { background-color: #059669 !important; }

.dark-theme .bg-blue-50 {
    background-color: rgba(102, 126, 234, 0.1) !important;
}

.dark-theme .bg-green-50 {
    background-color: rgba(34, 197, 94, 0.1) !important;
}

.dark-theme .bg-red-50 {
    background-color: rgba(239, 68, 68, 0.1) !important;
}

.dark-theme .bg-purple-50 {
    background-color: rgba(168, 85, 247, 0.1) !important;
}

.dark-theme .bg-orange-50 {
    background-color: rgba(249, 115, 22, 0.1) !important;
}

.dark-theme .bg-yellow-50 {
    background-color: rgba(234, 179, 8, 0.1) !important;
}

.dark-theme .hover\:bg-gray-50:hover {
    background-color: #334155 !important;
}

.dark-theme .hover\:bg-gray-100:hover {
    background-color: #475569 !important;
}

.dark-theme .hover\:bg-red-50:hover {
    background-color: rgba(239, 68, 68, 0.2) !important;
}

.dark-theme .hover\:bg-blue-50:hover {
    background-color: rgba(102, 126, 234, 0.2) !important;
}

/* Tables */
.dark-theme table {
    background-color: #1e293b !important;
}

.dark-theme thead {
    background-color: #0f172a !important;
}

.dark-theme tbody tr {
    border-bottom-color: #334155 !important;
}

.dark-theme tbody tr:hover {
    background-color: #334155 !important;
}

/* Dropdowns */
.dark-theme .dropdown,
.dark-theme [class*="dropdown"] {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

/* Notifications and Profile Dropdowns */
.dark-theme #notificationsDropdown,
.dark-theme #profileDropdown {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

/* Profile Dropdown Links and Buttons */
.dark-theme #profileDropdown a,
.dark-theme #profileDropdown button {
    background-color: transparent !important;
}

.dark-theme #profileDropdown a:hover {
    background-color: rgba(102, 126, 234, 0.1) !important;
}

.dark-theme #profileDropdown button:hover {
    background-color: rgba(239, 68, 68, 0.1) !important;
}

/* Notifications Dropdown Header and Footer */
.dark-theme #notificationsDropdown > div:first-child,
.dark-theme #notificationsDropdown > div:last-child {
    background-color: transparent !important;
}

.dark-theme #notificationsDropdown button {
    color: #94a3b8 !important;
    background-color: transparent !important;
}

.dark-theme #notificationsDropdown button:hover {
    color: #cbd5e1 !important;
    background-color: rgba(102, 126, 234, 0.1) !important;
}

.dark-theme .notification-item {
    border-bottom-color: #334155 !important;
}

.dark-theme .notification-item:hover {
    background-color: #334155 !important;
}

/* Badges and Tags */
.dark-theme .bg-gray-100:not(.hover\:bg-gray-100) {
    background-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* Fix: Status badge Online - pastreaza culorile din light mode */
.dark-theme .bg-green-100.text-green-800 {
    background-color: #dcfce7 !important;
    color: #166534 !important;
}

/* Fix: Status badge Offline/Inactiv - pastreaza culorile din light mode */
.dark-theme .bg-red-100.text-red-800 {
    background-color: #fee2e2 !important;
    color: #991b1b !important;
}

/* Modals */
.dark-theme .modal,
.dark-theme [class*="modal"] {
    background-color: #1e293b !important;
}

.dark-theme .modal-overlay {
    background-color: rgba(15, 23, 42, 0.75) !important;
}

/* Charts and Graphs (if any) */
.dark-theme canvas {
    filter: brightness(0.9);
}

/* Scrollbar */
.dark-theme ::-webkit-scrollbar {
    width: 8px;
    background-color: #0f172a;
}

.dark-theme ::-webkit-scrollbar-track {
    background-color: #1e293b;
}

.dark-theme ::-webkit-scrollbar-thumb {
    background-color: #475569;
    border-radius: 4px;
}

.dark-theme ::-webkit-scrollbar-thumb:hover {
    background-color: #64748b;
}

/* Code blocks (if any) */
.dark-theme code,
.dark-theme pre {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
}

/* Links */
.dark-theme a:not(.sidebar-item) {
    color: #818cf8 !important;
}

.dark-theme a:not(.sidebar-item):hover {
    color: #a5b4fc !important;
}

/* Special: Keep icon colors vibrant */
.dark-theme .text-blue-600,
.dark-theme .text-green-600,
.dark-theme .text-red-600,
.dark-theme .text-purple-600,
.dark-theme .text-orange-600,
.dark-theme .text-yellow-600 {
    /* Keep original colors for icons and important elements */
}

/* Empty states */
.dark-theme .text-gray-300:not(.hover\:text-gray-300) {
    color: #475569 !important;
}

/* Loading states */
.dark-theme .animate-spin {
    border-color: #334155 !important;
    border-top-color: #667eea !important;
}

/* Compact sidebar tooltip in dark mode */
.dark-theme aside.compact .sidebar-item::before {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.6) !important;
}

/* Ring colors for focus states */
.dark-theme .focus\:ring-2:focus {
    --tw-ring-color: rgba(102, 126, 234, 0.5) !important;
}

/* Header Buttons - Grayscale Toggle, Theme Toggle, Notifications and Profile */
.dark-theme #grayscaleToggleBtn {
    background-color: transparent !important;
    color: #94a3b8 !important;
}

.dark-theme #grayscaleToggleBtn:hover {
    background-color: rgba(102, 126, 234, 0.1) !important;
    color: #cbd5e1 !important;
}

.dark-theme #themeToggleBtn {
    background-color: transparent !important;
    color: #94a3b8 !important;
}

.dark-theme #themeToggleBtn:hover {
    background-color: rgba(102, 126, 234, 0.1) !important;
    color: #cbd5e1 !important;
}

.dark-theme #notificationsBtn {
    background-color: transparent !important;
    color: #94a3b8 !important;
}

.dark-theme #notificationsBtn:hover {
    background-color: rgba(102, 126, 234, 0.1) !important;
    color: #cbd5e1 !important;
}

.dark-theme #profileBtn {
    background-color: transparent !important;
}

.dark-theme #profileBtn:hover {
    background-color: rgba(102, 126, 234, 0.1) !important;
}

/* Icon Containers - Colored Backgrounds */
.dark-theme .bg-blue-100 {
    background-color: rgba(59, 130, 246, 0.15) !important;
}

.dark-theme .bg-green-100 {
    background-color: rgba(34, 197, 94, 0.15) !important;
}

.dark-theme .bg-yellow-100 {
    background-color: rgba(234, 179, 8, 0.15) !important;
}

.dark-theme .bg-purple-100 {
    background-color: rgba(168, 85, 247, 0.15) !important;
}

.dark-theme .bg-red-100 {
    background-color: rgba(239, 68, 68, 0.15) !important;
}

.dark-theme .bg-orange-100 {
    background-color: rgba(249, 115, 22, 0.15) !important;
}

/* Additional Hover States */
.dark-theme .hover\:bg-blue-100:hover {
    background-color: rgba(59, 130, 246, 0.2) !important;
}

.dark-theme .hover\:bg-green-100:hover {
    background-color: rgba(34, 197, 94, 0.2) !important;
}

.dark-theme .hover\:bg-yellow-100:hover {
    background-color: rgba(234, 179, 8, 0.2) !important;
}

.dark-theme .hover\:bg-purple-100:hover {
    background-color: rgba(168, 85, 247, 0.2) !important;
}

.dark-theme .hover\:bg-red-100:hover {
    background-color: rgba(239, 68, 68, 0.2) !important;
}

.dark-theme .hover\:bg-orange-100:hover {
    background-color: rgba(249, 115, 22, 0.2) !important;
}

.dark-theme .hover\:bg-green-50:hover {
    background-color: rgba(34, 197, 94, 0.15) !important;
}

.dark-theme .hover\:bg-yellow-50:hover {
    background-color: rgba(234, 179, 8, 0.15) !important;
}

.dark-theme .hover\:bg-purple-50:hover {
    background-color: rgba(168, 85, 247, 0.15) !important;
}

.dark-theme .hover\:bg-orange-50:hover {
    background-color: rgba(249, 115, 22, 0.15) !important;
}

/* Status Colors - Keep Vibrant */
.dark-theme .bg-green-500,
.dark-theme .bg-blue-500,
.dark-theme .bg-yellow-500,
.dark-theme .bg-orange-500,
.dark-theme .bg-red-500,
.dark-theme .bg-purple-500,
.dark-theme .bg-gray-500 {
    /* Keep original colors for status indicators */
}

/* Gradient Backgrounds - Keep Vibrant for Reports */
.dark-theme .from-blue-500,
.dark-theme .from-green-500,
.dark-theme .from-yellow-500,
.dark-theme .from-red-500,
.dark-theme .from-purple-500,
.dark-theme .to-blue-600,
.dark-theme .to-green-600,
.dark-theme .to-yellow-600,
.dark-theme .to-red-600,
.dark-theme .to-purple-600,
.dark-theme .to-pink-600 {
    /* Keep original gradient colors */
}

/* Toggle Switches */
.dark-theme .peer-checked\:bg-blue-600 {
    /* Keep original checked state color */
}

/* Modal Backdrop */
.dark-theme .bg-black {
    background-color: #000000 !important;
}

.dark-theme .bg-opacity-50 {
    --tw-bg-opacity: 0.7 !important;
}

/* Hover-ul butoanelor colorate — acelasi principiu ca blocul «Pastreaza
   culorile» de mai sus: era gol, deci hover:bg-*-700 din Tailwind (fara
   !important) pierdea in fata regulilor generice cu !important. */
.dark-theme .hover\:bg-blue-700:hover    { background-color: #1d4ed8 !important; }
.dark-theme .hover\:bg-green-700:hover   { background-color: #15803d !important; }
.dark-theme .hover\:bg-red-700:hover     { background-color: #b91c1c !important; }
.dark-theme .hover\:bg-red-800:hover     { background-color: #991b1b !important; }
.dark-theme .hover\:bg-purple-700:hover  { background-color: #7e22ce !important; }
.dark-theme .hover\:bg-orange-700:hover  { background-color: #c2410c !important; }
.dark-theme .hover\:bg-yellow-700:hover  { background-color: #a16207 !important; }
.dark-theme .hover\:bg-gray-700:hover    { background-color: #374151 !important; }

.dark-theme .hover\:bg-gray-300:hover {
    background-color: #475569 !important;
}

/* Specific Text Colors for Badges */
.dark-theme .text-blue-700,
.dark-theme .text-blue-800 {
    color: #93c5fd !important;
}

.dark-theme .text-green-700,
.dark-theme .text-green-800 {
    color: #86efac !important;
}

.dark-theme .text-yellow-700,
.dark-theme .text-yellow-800 {
    color: #fde047 !important;
}

.dark-theme .text-red-700,
.dark-theme .text-red-800 {
    color: #fca5a5 !important;
}

.dark-theme .text-purple-700,
.dark-theme .text-purple-800 {
    color: #d8b4fe !important;
}

.dark-theme .text-orange-700,
.dark-theme .text-orange-800 {
    color: #fdba74 !important;
}

/* Gray Button States */
.dark-theme .bg-gray-600 {
    background-color: #475569 !important;
}

.dark-theme .hover\:bg-gray-700:hover {
    background-color: #334155 !important;
}

/* Toast Notifications Close Button */
#alert-container button {
    background-color: transparent !important;
}

#alert-container button:hover {
    opacity: 0.8;
}

/* Modal Close Buttons */
button.text-gray-500,
button.hover\:text-gray-700,
.dark-theme button.text-gray-500,
.dark-theme button.hover\:text-gray-700 {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

button.text-gray-500:hover,
.dark-theme button.text-gray-500:hover {
    background-color: rgba(102, 126, 234, 0.1) !important;
}

/* Selection */
.dark-theme ::selection {
    background-color: rgba(102, 126, 234, 0.3);
    color: #e2e8f0;
}

/* Sidebar Compact Toggle Button */
.dark-theme #sidebarToggleBtn {
    background-color: transparent !important;
    color: #94a3b8 !important;
}

.dark-theme #sidebarToggleBtn:hover {
    background-color: rgba(102, 126, 234, 0.1) !important;
    color: #cbd5e1 !important;
}

/* Agent Details Modal - Force button colors to be visible in dark mode */
.dark-theme #agentDetailsModal button[onclick="editAgentFromDetails()"] {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

.dark-theme #agentDetailsModal button[onclick="editAgentFromDetails()"]:hover {
    background-color: #1d4ed8 !important;
}

.dark-theme #agentDetailsModal button[onclick="deleteAgentFromDetails()"] {
    background-color: #fef2f2 !important;
    color: #dc2626 !important;
}

.dark-theme #agentDetailsModal button[onclick="deleteAgentFromDetails()"]:hover {
    background-color: #fee2e2 !important;
}

/* Agent Details Modal - Backdrop opacity */
.dark-theme #agentDetailsModal.bg-black {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* Edit Agent Modal - Backdrop opacity */
.dark-theme #editAgentModal.bg-black {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* Edit Agent Modal - Save button - Force blue color in dark mode */
.dark-theme #editAgentModal button[type="submit"].bg-blue-600 {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

.dark-theme #editAgentModal button[type="submit"].bg-blue-600:hover {
    background-color: #1d4ed8 !important;
}

/* Edit Agent Modal - Close button (X) - Remove background in dark mode */
.dark-theme #editAgentModal button[onclick="hideEditAgentModal()"] {
    background-color: transparent !important;
}

.dark-theme #editAgentModal button[onclick="hideEditAgentModal()"]:hover {
    background-color: rgba(156, 163, 175, 0.1) !important;
}

/* Agent Details Modal - Close button (X) - Remove background in dark mode */
.dark-theme #agentDetailsModal button[onclick="hideAgentDetailsModal()"]:not(.bg-gray-600) {
    background-color: transparent !important;
}

.dark-theme #agentDetailsModal button[onclick="hideAgentDetailsModal()"]:not(.bg-gray-600):hover {
    background-color: rgba(156, 163, 175, 0.1) !important;
}

/* Agent Details Modal - Footer "Închide" button - Keep gray background in dark mode */
.dark-theme #agentDetailsModal button[onclick="hideAgentDetailsModal()"].bg-gray-600 {
    background-color: #4b5563 !important;
}

.dark-theme #agentDetailsModal button[onclick="hideAgentDetailsModal()"].bg-gray-600:hover {
    background-color: #374151 !important;
}

/* Agent Details Modal - Status Curent Card - Force light mode colors */
.dark-theme #agentDetailsModal .bg-gradient-to-br.from-blue-50.to-indigo-50 {
    background: linear-gradient(to bottom right, #eff6ff, #e0e7ff) !important;
}

.dark-theme #agentDetailsModal .bg-gradient-to-br.from-blue-50.to-indigo-50 .border-blue-100 {
    border-color: #dbeafe !important;
}

.dark-theme #agentDetailsModal .bg-gradient-to-br.from-blue-50.to-indigo-50 h4 {
    color: #374151 !important;
}

.dark-theme #agentDetailsModal .bg-gradient-to-br.from-blue-50.to-indigo-50 .text-blue-600 {
    color: #2563eb !important;
}

.dark-theme #agentDetailsModal .bg-gradient-to-br.from-blue-50.to-indigo-50 .text-gray-600 {
    color: #4b5563 !important;
}

.dark-theme #agentDetailsModal .bg-gradient-to-br.from-blue-50.to-indigo-50 .text-gray-900 {
    color: #111827 !important;
}

/* Agents Page - "Adaugă Agent" button - Force blue color in dark mode */
.dark-theme button[onclick="showAddAgentModal()"].bg-blue-600 {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

.dark-theme button[onclick="showAddAgentModal()"].bg-blue-600:hover {
    background-color: #1d4ed8 !important;
}

/* Agents Page - "Resetează Simularea" button - Force blue color in dark mode */
.dark-theme button[onclick="refreshMapSimulation()"].bg-blue-600 {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

.dark-theme button[onclick="refreshMapSimulation()"].bg-blue-600:hover {
    background-color: #1d4ed8 !important;
}

/* Agents Page - "Reîmprospătează" button - Force blue color in dark mode */
.dark-theme button[onclick="loadAgentsList()"] {
    color: #2563eb !important;
}

.dark-theme button[onclick="loadAgentsList()"]:hover {
    color: #1d4ed8 !important;
    background-color: #eff6ff !important;
}


/* Dashboard - Criterii de Activare - "Configurează" and "Gestionează" buttons */
.dark-theme .bg-blue-600 {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

.dark-theme .bg-blue-600:hover {
    background-color: #1d4ed8 !important;
}

/* Test Notificare Button - Keep green in dark mode */
.dark-theme button[onclick="generateTestNotification()"] {
    background-color: #16a34a !important;
    color: #ffffff !important;
}

.dark-theme button[onclick="generateTestNotification()"]:hover {
    background-color: #15803d !important;
}

/* Toast Notification Close Button - Remove background in dark mode */
.dark-theme #notificationToastContainer button {
    background-color: transparent !important;
}

.dark-theme #notificationToastContainer button:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: 0.375rem !important;
}

/* Dashboard - Criterii de Activare - "Activare Rapidă" title only - Lighter color in dark mode */
.dark-theme .bg-blue-50.border-blue-200 h4.text-blue-900 {
    color: #60a5fa !important;
}

/* Company Page - Stripe Integration - "Ce vei obține:" title - Lighter color in dark mode */
.dark-theme .bg-blue-50 h4.text-blue-900 {
    color: #60a5fa !important;
}

/* Company Page - Stripe Integration - "Începe Configurarea" button - Force purple color in dark mode */
.dark-theme button[onclick="stripeConnect.createExpressAccount()"].bg-purple-600 {
    background-color: #9333ea !important;
    color: #ffffff !important;
}

.dark-theme button[onclick="stripeConnect.createExpressAccount()"].bg-purple-600:hover {
    background-color: #7e22ce !important;
}

/* Profile Page - "Schimbă Parola" button - Force red color in dark mode */
.dark-theme #passwordForm button[type="submit"].bg-red-600 {
    background-color: #dc2626 !important;
    color: #ffffff !important;
}

.dark-theme #passwordForm button[type="submit"].bg-red-600:hover {
    background-color: #b91c1c !important;
}

/* Settings Page - Notification toggles - Force blue background when checked in dark mode */
.dark-theme input[type="checkbox"]:checked + div {
    background-color: #2563eb !important;
}

.dark-theme input[type="checkbox"]:focus + div {
    box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.3) !important;
}

/* Services Page - "Contract Cadru" button - Force green color in dark mode */
.dark-theme button[onclick="openContractCadru()"].bg-green-600 {
    background-color: #16a34a !important;
    color: #ffffff !important;
}

.dark-theme button[onclick="openContractCadru()"].bg-green-600:hover {
    background-color: #15803d !important;
}

/* Services Page - "Suma finală pentru dvs." text - Lighter color in dark mode */
.dark-theme .bg-green-50 .text-green-900 {
    color: #4ade80 !important;
}

/* Services Page - "Facturile generate:" text - Lighter color in dark mode */
.dark-theme .bg-blue-50 .text-blue-900 {
    color: #60a5fa !important;
}

/* Services Page - "Caracteristici planificate:" text - Lighter color in dark mode */
.dark-theme .bg-purple-50 .text-purple-900 {
    color: #c084fc !important;
}

/* Contract Cadru Page - Back button - No background by default, show on hover only */
button[onclick="navigateAdmin('services')"].mr-4 {
    background-color: transparent !important;
    border-radius: 0.5rem;
    color: #16a34a !important; /* Green color in light mode */
}

button[onclick="navigateAdmin('services')"].mr-4:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: #15803d !important; /* Darker green on hover */
}

/* Dark mode specific hover */
.dark-theme button[onclick="navigateAdmin('services')"].mr-4:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Contract Cadru Page - Add spacing between sections (both light and dark mode) */
.contract-protected,
.contract-editable {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

/* Contract Cadru Page - contract-protected and contract-editable text in black for dark mode */
.dark-theme .contract-protected,
.dark-theme .contract-editable {
    color: #000000 !important;
}

.dark-theme .contract-protected *,
.dark-theme .contract-editable * {
    color: #000000 !important;
}

/* Contract Cadru Page - "Secțiuni Protejate" heading - Lighter red color in dark mode */
.dark-theme .bg-red-50 h4.text-red-900 {
    color: #fca5a5 !important;
}

/* Contract Cadru Page - "Autorizație de Pre-semnare" heading - Lighter yellow color in dark mode */
.dark-theme .bg-yellow-50 h4.text-yellow-900 {
    color: #fde047 !important;
}

/* Contract Cadru Page - "Salvează Contract" button - Force green color in dark mode */
.dark-theme button[onclick="saveContract()"].bg-green-600 {
    background-color: #16a34a !important;
    color: #ffffff !important;
}

.dark-theme button[onclick="saveContract()"].bg-green-600:hover {
    background-color: #15803d !important;
}

/* Contract Cadru Page - "Preview" button - Force blue color in dark mode */
.dark-theme button.text-blue-700.bg-blue-100[onclick="previewContract()"] {
    background-color: #dbeafe !important;
    color: #1d4ed8 !important;
}

.dark-theme button.text-blue-700.bg-blue-100[onclick="previewContract()"]:hover {
    background-color: #bfdbfe !important;
    color: #1d4ed8 !important;
}

.dark-theme button.text-blue-700.bg-blue-100[onclick="previewContract()"] i {
    color: #1d4ed8 !important;
}

/* Contract Cadru Page - "PLATFORMĂ DIGITALĂ" section - Black text in dark mode */
.dark-theme .platform-info,
.dark-theme .platform-info * {
    color: #000000 !important;
}

/* Clients Page - Filter buttons - No background in dark mode */
.dark-theme button[onclick="clearClientsFilters()"].text-gray-600,
.dark-theme button[onclick="exportClientsData()"].text-blue-600,
.dark-theme button[onclick="loadClientsList()"].text-blue-600 {
    background-color: transparent !important;
    border-radius: 0.5rem !important;
    transition: background-color 0.2s ease !important;
}

.dark-theme button[onclick="clearClientsFilters()"].text-gray-600:hover {
    background-color: rgba(156, 163, 175, 0.1) !important;
}

.dark-theme button[onclick="exportClientsData()"].text-blue-600:hover,
.dark-theme button[onclick="loadClientsList()"].text-blue-600:hover {
    background-color: transparent !important;
}

/* Reports Page - Progress bar fills - Keep light mode colors */
.dark-theme .bg-gray-200.rounded-full.h-2 {
    background-color: #e5e7eb !important;
}

.dark-theme .bg-blue-500.h-2.rounded-full {
    background-color: #3b82f6 !important;
}

.dark-theme .bg-green-500.h-2.rounded-full {
    background-color: #22c55e !important;
}

.dark-theme .bg-yellow-500.h-2.rounded-full {
    background-color: #eab308 !important;
}

.dark-theme .bg-red-500.h-2.rounded-full {
    background-color: #ef4444 !important;
}

/* Reports Page - White progress bars in colored cards - Keep white in dark mode */
.dark-theme .h-2.bg-white.rounded-full {
    background-color: #ffffff !important;
}

.dark-theme .h-2.bg-white.bg-opacity-30.rounded-full {
    background-color: rgba(255, 255, 255, 0.3) !important;
}

/* Reports Page - Financial "Evoluție Venit" chart bars - Keep green gradient in dark mode */
.dark-theme .bg-gradient-to-t.from-green-500.to-green-400 {
    background-image: linear-gradient(to top, #22c55e, #4ade80) !important;
}

.dark-theme .bg-gradient-to-t.from-green-500.to-green-400:hover,
.dark-theme .hover\:from-green-600.hover\:to-green-500:hover {
    background-image: linear-gradient(to top, #16a34a, #22c55e) !important;
}

/* Company Page - "Salvează" buttons in edit mode - Force green color in dark mode */
.dark-theme button[onclick="saveCompanyDetails()"].bg-green-600,
.dark-theme button[onclick="saveAdminDetails()"].bg-green-600 {
    background-color: #16a34a !important;
    color: #ffffff !important;
}

.dark-theme button[onclick="saveCompanyDetails()"].bg-green-600:hover,
.dark-theme button[onclick="saveAdminDetails()"].bg-green-600:hover {
    background-color: #15803d !important;
}

/* Notifications - Keep icon background colors vibrant in dark mode */
.dark-theme .notification-item .bg-red-600,
.dark-theme #all-notifications-list .bg-red-500,
.dark-theme #notificationsList .bg-red-600 {
    background-color: #dc2626 !important;
}

.dark-theme .notification-item .bg-orange-500,
.dark-theme #all-notifications-list .bg-orange-500 {
    background-color: #f97316 !important;
}

.dark-theme .notification-item .bg-blue-600,
.dark-theme #all-notifications-list .bg-blue-500,
.dark-theme #notificationsList .bg-blue-600 {
    background-color: #2563eb !important;
}

.dark-theme .notification-item .bg-green-600,
.dark-theme #all-notifications-list .bg-green-500,
.dark-theme #notificationsList .bg-green-600 {
    background-color: #16a34a !important;
}

.dark-theme .notification-item .bg-purple-600,
.dark-theme #all-notifications-list .bg-purple-500,
.dark-theme #notificationsList .bg-purple-600 {
    background-color: #9333ea !important;
}

.dark-theme .notification-item .bg-indigo-600,
.dark-theme #notificationsList .bg-indigo-600 {
    background-color: #4f46e5 !important;
}

.dark-theme .notification-item .bg-gray-600,
.dark-theme #all-notifications-list .bg-gray-500,
.dark-theme #notificationsList .bg-gray-600 {
    background-color: #4b5563 !important;
}

/* Notifications - Keep icon text white in dark mode */
.dark-theme .notification-item i.text-white,
.dark-theme #all-notifications-list i.text-white,
.dark-theme #notificationsList i.text-white {
    color: #ffffff !important;
}

/* Notifications - Delete buttons - Keep red color in dark mode, no background */
.dark-theme .notification-item button.text-red-600,
.dark-theme #all-notifications-list button.text-red-600,
.dark-theme #notificationsList button.text-red-600 {
    color: #dc2626 !important;
    background-color: transparent !important;
}

.dark-theme .notification-item button.text-red-600:hover,
.dark-theme #all-notifications-list button.text-red-600:hover,
.dark-theme #notificationsList button.text-red-600:hover {
    color: #b91c1c !important;
    background-color: rgba(220, 38, 38, 0.1) !important;
}

/* Notifications - Mark as read button - Keep blue color in dark mode, no background */
.dark-theme #all-notifications-list button.text-blue-600 {
    color: #2563eb !important;
    background-color: transparent !important;
}

.dark-theme #all-notifications-list button.text-blue-600:hover {
    color: #1d4ed8 !important;
    background-color: rgba(37, 99, 235, 0.1) !important;
}

/* Notifications - "Șterge citite" button - Keep red color in dark mode */
.dark-theme button[onclick="deleteAllRead()"] {
    color: #dc2626 !important;
    background-color: transparent !important;
}

.dark-theme button[onclick="deleteAllRead()"]:hover {
    color: #b91c1c !important;
    background-color: rgba(220, 38, 38, 0.1) !important;
}

/* Notifications Dropdown - Header and Footer buttons - Rounded background on hover */
.dark-theme #notificationsDropdown button[onclick="markAllNotificationsAsRead()"] {
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.5rem !important;
    transition: background-color 0.2s ease !important;
    background-color: transparent !important;
}

.dark-theme #notificationsDropdown button[onclick="markAllNotificationsAsRead()"]:hover {
    background-color: rgba(37, 99, 235, 0.1) !important;
}

.dark-theme #notificationsDropdown button[onclick="viewAllNotifications()"] {
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.5rem !important;
    transition: background-color 0.2s ease !important;
    background-color: transparent !important;
}

.dark-theme #notificationsDropdown button[onclick="viewAllNotifications()"]:hover {
    background-color: rgba(156, 163, 175, 0.1) !important;
}

/* Agents Page - Menu dropdown container in dark mode */
.dark-theme [id^="menu-"] {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

/* Agents Page - Menu items "Vezi Detalii" and "Editează" buttons */
/* CRITICAL: Override ALL background sources for these specific buttons in dark mode */
/* Use ultra-specific selector to ensure highest priority */
html body .dark-theme div[id^="menu-"] div.py-2 > button.dark-menu-item.text-gray-700:not(:hover),
html body .dark-theme div[id^="menu-"] button.dark-menu-item:not(:hover) {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Allow hover effect with a subtle background - ONLY on hover */
html body .dark-theme div[id^="menu-"] button.dark-menu-item:hover {
    background-color: rgba(75, 85, 99, 0.3) !important;
}

/* Reports Page - Export buttons - Force colors in dark mode */
.dark-theme button[onclick="exportReportExcel()"].bg-green-600 {
    background-color: #16a34a !important;
    color: #ffffff !important;
}

.dark-theme button[onclick="exportReportExcel()"].bg-green-600:hover {
    background-color: #15803d !important;
}

.dark-theme button[onclick="exportReportPDF()"].bg-red-600 {
    background-color: #dc2626 !important;
    color: #ffffff !important;
}

.dark-theme button[onclick="exportReportPDF()"].bg-red-600:hover {
    background-color: #b91c1c !important;
}

.dark-theme button[onclick="printReport()"].bg-blue-600 {
    background-color: #2563eb !important;
    color: #ffffff !important;
}

.dark-theme button[onclick="printReport()"].bg-blue-600:hover {
    background-color: #1d4ed8 !important;
}

/* Invoicing Page - Table header lighter background in dark mode */
.dark-theme #invoices-table thead {
    background-color: #334155 !important;
}

.dark-theme #invoices-table thead th {
    color: #cbd5e1 !important;
}

/* Reports Page - Agents Report Table header lighter background in dark mode */
.dark-theme #agents-report-table thead {
    background-color: #334155 !important;
}

.dark-theme #agents-report-table thead th {
    color: #cbd5e1 !important;
}

/* Reports Page - Clients Report Table header lighter background in dark mode */
.dark-theme #clients-report-table thead {
    background-color: #334155 !important;
}

.dark-theme #clients-report-table thead th {
    color: #cbd5e1 !important;
}

/* Clients Page - Clients and Contracts Table header lighter background in dark mode */
.dark-theme #clients-contracts-table thead {
    background-color: #334155 !important;
}

.dark-theme #clients-contracts-table thead th {
    color: #cbd5e1 !important;
}

/* Clients Page - Table body secondary text - Make readable in dark mode */
.dark-theme #clients-table-body .text-gray-400,
.dark-theme #clients-table-body .text-gray-500 {
    color: #94a3b8 !important;
}

/* OVERRIDE: Contract Cadru Preview button - Final rule to ensure visibility in dark mode */
.dark-theme button[onclick="previewContract()"].text-blue-700.bg-blue-100.rounded-lg {
    background-color: #dbeafe !important;
    color: #1d4ed8 !important;
}

.dark-theme button[onclick="previewContract()"].text-blue-700.bg-blue-100.rounded-lg:hover {
    background-color: #bfdbfe !important;
    color: #1d4ed8 !important;
}

.dark-theme button[onclick="previewContract()"] i.fas.fa-eye {
    color: #1d4ed8 !important;
}

/* Map Notification Close Button - Rounded background in dark mode */
.dark-theme .map-notification-close-btn {
    background-color: #374151 !important;
    border-radius: 9999px !important;
}

.dark-theme .map-notification-close-btn:hover {
    background-color: #4b5563 !important;
}

/* Map Sound Toggle Button - Dark mode styles */
.dark-theme .map-sound-toggle {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #94a3b8 !important;
}

.dark-theme .map-sound-toggle:hover {
    background-color: #334155 !important;
    color: #e2e8f0 !important;
}

/* Date Picker - Force white text and calendar icon in dark mode */
.dark-theme input[type="date"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.dark-theme input[type="date"]::-webkit-datetime-edit-text,
.dark-theme input[type="date"]::-webkit-datetime-edit-month-field,
.dark-theme input[type="date"]::-webkit-datetime-edit-day-field,
.dark-theme input[type="date"]::-webkit-datetime-edit-year-field {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.dark-theme input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: brightness(0) invert(1);
}

.dark-theme input[type="datetime-local"],
.dark-theme input[type="time"],
.dark-theme input[type="month"],
.dark-theme input[type="week"] {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.dark-theme input[type="datetime-local"]::-webkit-datetime-edit-text,
.dark-theme input[type="datetime-local"]::-webkit-datetime-edit-month-field,
.dark-theme input[type="datetime-local"]::-webkit-datetime-edit-day-field,
.dark-theme input[type="datetime-local"]::-webkit-datetime-edit-year-field,
.dark-theme input[type="datetime-local"]::-webkit-datetime-edit-hour-field,
.dark-theme input[type="datetime-local"]::-webkit-datetime-edit-minute-field,
.dark-theme input[type="time"]::-webkit-datetime-edit-text,
.dark-theme input[type="time"]::-webkit-datetime-edit-hour-field,
.dark-theme input[type="time"]::-webkit-datetime-edit-minute-field {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.dark-theme input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.dark-theme input[type="time"]::-webkit-calendar-picker-indicator,
.dark-theme input[type="month"]::-webkit-calendar-picker-indicator,
.dark-theme input[type="week"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    filter: brightness(0) invert(1);
}

/* Add Agent Modal - Close button (X) - Rounded background in dark mode */
.dark-theme .add-agent-close-btn {
    background-color: transparent !important;
    color: #94a3b8 !important;
}

.dark-theme .add-agent-close-btn:hover {
    background-color: #374151 !important;
    color: #cbd5e1 !important;
}

/* Dashboard Platform Status - Keep progress bar white in dark mode */
.dark-theme #platform-status-container .bg-white\/20 {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.dark-theme #platform-status-container .bg-white.rounded-full {
    background-color: #ffffff !important;
}

.dark-theme #platform-status-container .text-white\/80 {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Login Page - Password toggle button - Transparent background in dark mode */
.dark-theme #togglePassword {
    background-color: transparent !important;
}

.dark-theme #togglePassword:hover {
    background-color: transparent !important;
}

/* Buton "Șterge activitate" - roșu la hover în dark mode */
.dark-theme #clearAgentActivityBtn:hover {
    color: #f87171 !important;
    background-color: rgba(239, 68, 68, 0.15) !important;
}

/* ===== Hartă Agenți - Dark Mode (CSS filter invert pe #agents-map) ===== */

/* InfoWindow popup — scoatem background-ul default Google Maps, popup HTML are propriul bg */
#agents-map .gm-style-iw-c {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

#agents-map .gm-style-iw {
    background: transparent !important;
    padding: 0 !important;
}

#agents-map .gm-style-iw-d {
    background: transparent !important;
    overflow: visible !important;
    padding: 0 !important;
}

/* Săgeata InfoWindow — ascunsă */
#agents-map .gm-style-iw-tc,
#agents-map .gm-style-iw-t::after {
    display: none !important;
}

/* Ascundem butonul X default al Google Maps — folosim propriul X din popup HTML */
#agents-map .gm-ui-hover-effect {
    display: none !important;
}

/* Contra-filtru pe InfoWindow pentru a păstra culorile dark din popup HTML */
.dark-theme #agents-map .gm-style-iw-c {
    filter: invert(100%) hue-rotate(180deg) !important;
}

/* ===== Status Analytics Cards - Agenți Securitate ===== */
.dark-theme .analytics-status-card {
    background: linear-gradient(to bottom right, #14532d, #064e3b) !important;
    border-color: #166534 !important;
}

.dark-theme .analytics-trend-card {
    background: linear-gradient(to bottom right, #1e3a8a, #312e81) !important;
    border-color: #1d4ed8 !important;
}

.dark-theme .analytics-perf-card {
    background: linear-gradient(to bottom right, #581c87, #831843) !important;
    border-color: #7c3aed !important;
}

/* Text colors inside analytics cards (using Tailwind !important escaped selectors) */

/* Card titles and labels: !text-gray-700 and !text-gray-600 */
.dark-theme .analytics-status-card .\!text-gray-700,
.dark-theme .analytics-trend-card .\!text-gray-700,
.dark-theme .analytics-perf-card .\!text-gray-700 {
    color: #e2e8f0 !important;
}

.dark-theme .analytics-status-card .\!text-gray-600,
.dark-theme .analytics-trend-card .\!text-gray-600,
.dark-theme .analytics-perf-card .\!text-gray-600 {
    color: #cbd5e1 !important;
}

/* Green card - online % value */
.dark-theme .analytics-status-card .\!text-green-700,
.dark-theme .analytics-status-card .\!text-green-600 {
    color: #4ade80 !important;
}

/* Blue card - trend % and subtitle */
.dark-theme .analytics-trend-card .\!text-blue-700 {
    color: #93c5fd !important;
}

.dark-theme .analytics-trend-card .\!text-blue-600 {
    color: #60a5fa !important;
}

/* Purple card - success rate and response time values */
.dark-theme .analytics-perf-card .\!text-purple-700,
.dark-theme .analytics-perf-card .\!text-purple-600 {
    color: #d8b4fe !important;
}

/* Progress bar track backgrounds (Tailwind !bg-gray-200) */
.dark-theme .analytics-status-card .\!bg-gray-200,
.dark-theme .analytics-perf-card .\!bg-gray-200 {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

/* ===== Zone Prioritare (Densitate Solicitări) - Agenți Securitate ===== */
.dark-theme .zone-prioritare-card {
    background: linear-gradient(to right, #431407, #450a0a) !important;
    border-color: #9a3412 !important;
}

/* Titlu (text-black) */
.dark-theme .zone-prioritare-card .text-black {
    color: #f1f5f9 !important;
}

/* Subtitlu și nota italic - inline style color: #4B5563 */
.dark-theme .zone-prioritare-card span[style*="color: #4B5563"],
.dark-theme .zone-prioritare-card span[style*="color:#4B5563"] {
    color: #94a3b8 !important;
}

/* Etichetele legendă - inline style color: #1F2937 */
.dark-theme .zone-prioritare-card span[style*="color: #1F2937"],
.dark-theme .zone-prioritare-card span[style*="color:#1F2937"] {
    color: #e2e8f0 !important;
}


/* ══════════════════════════════════════════════════════════════════════════════════════════════
   Componenta „Acțiuni Rapide" (dashboard) — H-27 (audit UI/UX 2026-07-30)

   CE ERA, măsurat pe pagina reală (marcaj cu onclick-urile adevărate), în dark, pe #334155:
   titlurile și descrierile erau ALBE (10,35:1) prin 16 petice cheiate pe
   button[onclick="navigateAdmin('X')"] p / i — dar ICONIȚELE rămâneau la nuanța X-600 de light:
   agents #2563eb 2,00:1, payments 2,75, services 2,77, clients 3,14 (pragul grafic e 3:1), iar
   titlul agents (petic blue-400) 4,07:1, sub 4,5. Deci defectul real era pe iconițe + un titlu.
   CAPCANĂ DE MĂSURARE (ne-a prins și pe noi): o sondă cu alt onclick NU declanșează peticele și
   arată titluri „invizibile" la 1,07–1,72:1 — starea FĂRĂ petice, care pe dashboard nu exista.
   A doua capcană: .dark-theme * are transition 0.3s !important (linia 6); orice citire sub
   ~600ms după comutarea temei întoarce culori ÎN TRANZIȚIE.

   DE CE COMPONENTĂ ȘI NU ÎNCĂ UN PETIC: existau DOUĂ surse de adevăr suprapuse — utilitarele
   Tailwind de tentă (bg-X-50 / text-X-900 / text-X-600) și peticele pe onclick — iar regula
   generică pentru <button> (specificitate ~30 de :not(), cu !important) forța fundalul la
   #334155 peste toate. Cele șase butoane au acum clasa .quick-action, sunt excluse din regula
   generică prin :not(.quick-action) (o singură excludere STRUCTURALĂ), iar cele 16 petice pe
   onclick au fost șterse. Singurul lor alt consumator era săgeata „înapoi" din Contract Cadru
   (content-loaders.js, button[onclick="navigateAdmin('services')"].mr-4): în light rămâne verde
   prin regula ei proprie .mr-4 de mai jos; în dark iconița moștenește acum #e2e8f0 de la buton
   (≈9:1 pe #334155) în loc de teal #0d9488 la 2,77:1.

   FĂRĂ rounded-lg pe butoane: regula-pătură .dark-theme .rounded-lg { background:#1e293b
   !important } (mai sus, ~linia 124) are aceeași specificitate (0,2,0)+!important ca fundalul
   dark al componentei și ar câștiga prin simpla ordine din fișier dacă un petic viitor ar fi
   adăugat după acest bloc (demonstrat: duplicat inserat la final → toate șase fundaluri
   #1e293b). Raza vine din componentă.

   Baza light reproduce EXACT valorile Tailwind măsurate înainte (bg X-50, hover X-100, titlu
   X-900, descriere+iconiță X-600) — verificat pixel cu pixel, 0 diferențe pe butoane.
   În dark: fundal = tentă translucidă peste cardul #1e293b, titlu = nuanța 300 (blue: 200),
   descriere+iconiță = nuanța 400 (slate/blue: 300) — pe pixeli randați, în repaus min 5,71:1,
   pe hover min 4,92:1, pe fundalul EFECTIV (compus), nu pe tenta declarată.
   ══════════════════════════════════════════════════════════════════════════════════════════════ */

.quick-action { border-radius: 0.5rem; }   /* = rounded-lg, dar fără utilitarul care declanșa M-75 */

/* — bază light (identică cu utilitarele Tailwind de dinainte) — */
.quick-action--company  { background-color: #f8fafc; }  .quick-action--company:hover  { background-color: #f1f5f9; }
.quick-action--services { background-color: #f0fdfa; }  .quick-action--services:hover { background-color: #ccfbf1; }
.quick-action--agents   { background-color: #eff6ff; }  .quick-action--agents:hover   { background-color: #dbeafe; }
.quick-action--clients  { background-color: #f0fdf4; }  .quick-action--clients:hover  { background-color: #dcfce7; }
.quick-action--payments { background-color: #ecfdf5; }  .quick-action--payments:hover { background-color: #d1fae5; }
.quick-action--reports  { background-color: #fefce8; }  .quick-action--reports:hover  { background-color: #fef9c3; }

.quick-action--company  .quick-action__title { color: #0f172a; }
.quick-action--services .quick-action__title { color: #134e4a; }
.quick-action--agents   .quick-action__title { color: #1e3a8a; }
.quick-action--clients  .quick-action__title { color: #14532d; }
.quick-action--payments .quick-action__title { color: #064e3b; }
.quick-action--reports  .quick-action__title { color: #713f12; }

.quick-action--company  .quick-action__desc, .quick-action--company  .quick-action__icon { color: #475569; }
.quick-action--services .quick-action__desc, .quick-action--services .quick-action__icon { color: #0d9488; }
.quick-action--agents   .quick-action__desc, .quick-action--agents   .quick-action__icon { color: #2563eb; }
.quick-action--clients  .quick-action__desc, .quick-action--clients  .quick-action__icon { color: #16a34a; }
.quick-action--payments .quick-action__desc, .quick-action--payments .quick-action__icon { color: #059669; }
.quick-action--reports  .quick-action__desc, .quick-action--reports  .quick-action__icon { color: #ca8a04; }

/* — dark — */
.dark-theme .quick-action--company  { background-color: rgba(148, 163, 184, 0.12) !important; }
.dark-theme .quick-action--services { background-color: rgba(45,  212, 191, 0.12) !important; }
.dark-theme .quick-action--agents   { background-color: rgba(96,  165, 250, 0.12) !important; }
.dark-theme .quick-action--clients  { background-color: rgba(74,  222, 128, 0.12) !important; }
.dark-theme .quick-action--payments { background-color: rgba(52,  211, 153, 0.12) !important; }
.dark-theme .quick-action--reports  { background-color: rgba(250, 204, 21,  0.12) !important; }

.dark-theme .quick-action--company:hover  { background-color: rgba(148, 163, 184, 0.20) !important; }
.dark-theme .quick-action--services:hover { background-color: rgba(45,  212, 191, 0.20) !important; }
.dark-theme .quick-action--agents:hover   { background-color: rgba(96,  165, 250, 0.20) !important; }
.dark-theme .quick-action--clients:hover  { background-color: rgba(74,  222, 128, 0.20) !important; }
.dark-theme .quick-action--payments:hover { background-color: rgba(52,  211, 153, 0.20) !important; }
.dark-theme .quick-action--reports:hover  { background-color: rgba(250, 204, 21,  0.20) !important; }

.dark-theme .quick-action--company  .quick-action__title { color: #e2e8f0 !important; }
.dark-theme .quick-action--services .quick-action__title { color: #5eead4 !important; }
.dark-theme .quick-action--agents   .quick-action__title { color: #bfdbfe !important; }  /* blue-200, ca desc sa poata urca la 300 si ierarhia sa ramana */
.dark-theme .quick-action--clients  .quick-action__title { color: #86efac !important; }
.dark-theme .quick-action--payments .quick-action__title { color: #6ee7b7 !important; }
.dark-theme .quick-action--reports  .quick-action__title { color: #fde047 !important; }

.dark-theme .quick-action--company  .quick-action__desc, .dark-theme .quick-action--company  .quick-action__icon { color: #cbd5e1 !important; }  /* slate-300: 400 cadea la 4,01:1 pe hover */
.dark-theme .quick-action--services .quick-action__desc, .dark-theme .quick-action--services .quick-action__icon { color: #2dd4bf !important; }
.dark-theme .quick-action--agents   .quick-action__desc, .dark-theme .quick-action--agents   .quick-action__icon { color: #93c5fd !important; }  /* blue-300: 400 cadea la 4,02:1 pe hover */
.dark-theme .quick-action--clients  .quick-action__desc, .dark-theme .quick-action--clients  .quick-action__icon { color: #4ade80 !important; }
.dark-theme .quick-action--payments .quick-action__desc, .dark-theme .quick-action--payments .quick-action__icon { color: #34d399 !important; }
.dark-theme .quick-action--reports  .quick-action__desc, .dark-theme .quick-action--reports  .quick-action__icon { color: #facc15 !important; }