/* Dark Navy Blue Theme - Consistent across all pages */
/* Based on index.php design */

/* Body and Base Styles */
body {
    background: #0f1f35 !important;
    color: white !important;
    font-family: 'Noto Kufi Arabic', sans-serif;
}

/* Navigation/Header */
nav, .navbar, .header-nav, .dashboard-nav,
.bg-white.shadow-sm,
.bg-white.border-b,
div.bg-white {
    background: #1e3a5f !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    border-color: rgba(255, 255, 255, 0.1) !important;
}

nav *, .navbar *, .header-nav *, .dashboard-nav *,
.bg-white.shadow-sm *,
.bg-white.border-b *,
div.bg-white * {
    color: white !important;
}

/* Footer */
footer, .footer, .dashboard-footer {
    background: #1e3a5f !important;
    color: white !important;
}

footer *, .footer *, .dashboard-footer * {
    color: white !important;
}

/* Cards */
.bg-white, .card, .content-card, .stat-card {
    background: #1e3a5f !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.bg-white *, .card *, .content-card *, .stat-card * {
    color: white !important;
}

/* Background Colors */
.bg-gray-50, .bg-gray-100 {
    background: #0f1f35 !important;
}

.bg-gray-200, .bg-gray-300 {
    background: #152d4a !important;
}

/* Text Colors */
.text-gray-800, .text-gray-700, .text-gray-600, .text-gray-500, .text-gray-400 {
    color: white !important;
}

.text-black, .text-gray-900 {
    color: white !important;
}

/* Tables */
table {
    background: #1e3a5f !important;
    color: white !important;
}

thead {
    background: #152d4a !important;
}

thead th {
    background: #152d4a !important;
    color: white !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

tbody tr {
    background: #1e3a5f !important;
    color: white !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

tbody tr:hover {
    background: #152d4a !important;
}

tbody tr:nth-child(even) {
    background: #152d4a !important;
}

td, th {
    color: white !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Buttons */
.btn-primary, .bg-blue-600, .bg-green-600, .bg-red-600, .bg-purple-600 {
    background: linear-gradient(135deg, #1e3a5f 0%, #152d4a 100%) !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.btn-primary:hover, .bg-blue-600:hover, .bg-green-600:hover, .bg-red-600:hover, .bg-purple-600:hover {
    background: linear-gradient(135deg, #152d4a 0%, #0f1f35 100%) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(30, 58, 95, 0.4);
}

/* Input Fields */
input, textarea, select {
    background: #152d4a !important;
    color: white !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

input::placeholder, textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

input:focus, textarea:focus, select:focus {
    background: #1e3a5f !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: white !important;
}

/* Modals */
.modal-content {
    background: #1e3a5f !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.modal-content * {
    color: white !important;
}

.modal-header {
    background: #152d4a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.modal-body {
    background: #1e3a5f !important;
    color: white !important;
}

.modal-footer {
    background: #152d4a !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Stats Cards */
.stats-card-green, .stats-card-blue, .stats-card-purple, .stats-card-red {
    background: linear-gradient(135deg, #1e3a5f 0%, #152d4a 100%) !important;
    box-shadow: 0 8px 20px rgba(30, 58, 95, 0.4);
    color: white !important;
}

.stats-card-green *, .stats-card-blue *, .stats-card-purple *, .stats-card-red * {
    color: white !important;
}

/* Alerts and Notifications */
.alert, .notification {
    background: #1e3a5f !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.alert-success {
    background: #152d4a !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

.alert-error, .alert-danger {
    background: #152d4a !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

.alert-warning {
    background: #152d4a !important;
    border-color: rgba(251, 191, 36, 0.3) !important;
}

/* Badges */
.badge, .tag {
    background: #152d4a !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Links */
a {
    color: rgba(255, 255, 255, 0.9) !important;
}

a:hover {
    color: white !important;
}

/* Borders */
.border, .border-gray-200, .border-gray-300 {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Shadows */
.shadow, .shadow-md, .shadow-lg {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
}

/* Dropdowns */
.dropdown-menu, .dropdown-content {
    background: #1e3a5f !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dropdown-menu *, .dropdown-content * {
    color: white !important;
}

.dropdown-item:hover {
    background: #152d4a !important;
}

/* Icons */
i, .icon {
    color: white !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #0f1f35;
}

::-webkit-scrollbar-thumb {
    background: #1e3a5f;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #152d4a;
}

/* Override specific Tailwind classes */
.bg-gradient-to-r {
    background: linear-gradient(135deg, #1e3a5f 0%, #152d4a 100%) !important;
}

.from-blue-800, .to-purple-800 {
    background: #1e3a5f !important;
}

/* Form Labels */
label {
    color: white !important;
}

/* Select Options */
select option {
    background: #1e3a5f !important;
    color: white !important;
}

/* Override any remaining white backgrounds */
/* EXCEPTION: Invoice templates and print content should stay white for legal/print purposes */
[class*="bg-white"]:not(.no-dark-theme):not(.invoice-container):not(.invoice-content):not([class*="invoice"]):not([class*="print"]), 
.bg-white:not(.no-dark-theme):not(.invoice-container):not(.invoice-content):not([class*="invoice"]):not([class*="print"]) {
    background: #1e3a5f !important;
    color: white !important;
}

[class*="bg-white"]:not(.no-dark-theme):not(.invoice-container):not(.invoice-content):not([class*="invoice"]):not([class*="print"]) *, 
.bg-white:not(.no-dark-theme):not(.invoice-container):not(.invoice-content):not([class*="invoice"]):not([class*="print"]) * {
    color: white !important;
}

/* Invoice templates and print content - KEEP WHITE (Legal/Print requirement) */
.no-dark-theme,
.invoice-container,
.invoice-content,
[class*="invoice"]:not([class*="dark"]),
[class*="invoice-template"],
[class*="compact-invoice"],
#invoiceContent,
#printContent,
.invoice-template,
.invoice-print,
.print-page {
    background: white !important;
    color: #1f2937 !important;
}

.no-dark-theme *,
.invoice-container *,
.invoice-content *,
[class*="invoice"]:not([class*="dark"]) *,
[class*="invoice-template"] *,
[class*="compact-invoice"] *,
#invoiceContent *,
#printContent *,
.print-page * {
    color: #1f2937 !important;
}

.no-dark-theme table,
.invoice-container table,
.invoice-content table,
[class*="invoice"]:not([class*="dark"]) table,
#invoiceContent table,
#printContent table {
    background: white !important;
    border-color: #d1d5db !important;
}

.no-dark-theme table *,
.invoice-container table *,
.invoice-content table *,
[class*="invoice"]:not([class*="dark"]) table *,
#invoiceContent table *,
#printContent table * {
    color: #1f2937 !important;
}

.no-dark-theme thead,
.invoice-container thead,
#invoiceContent thead {
    background: #f9fafb !important;
    color: #1f2937 !important;
}

.no-dark-theme tbody,
.invoice-container tbody,
#invoiceContent tbody {
    background: white !important;
}

/* Status badges - dark theme versions */
.status-badge,
.bg-green-100, .bg-yellow-100, .bg-red-100, .bg-blue-100,
.bg-green-50, .bg-yellow-50, .bg-red-50, .bg-blue-50 {
    background: #152d4a !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.text-green-800, .text-yellow-800, .text-red-800, .text-blue-800 {
    color: white !important;
}

/* Modal fixes - override inline styles */
.modal-content {
    background: #1e3a5f !important;
    color: white !important;
}

.modal-content.bg-white,
.modal-content[style*="background: white"],
.modal-content[style*="background-color: white"],
.modal-content[style*="background-color:white"] {
    background: #1e3a5f !important;
    color: white !important;
}

.modal-content .text-gray-800,
.modal-content .text-gray-700,
.modal-content .text-gray-600,
.modal-content .text-gray-500,
.modal-content .text-gray-400 {
    color: white !important;
}

.modal-content label {
    color: white !important;
}

.modal-content .close {
    color: rgba(255, 255, 255, 0.7) !important;
}

.modal-content .close:hover,
.modal-content .close:focus {
    color: white !important;
}

.modal-header {
    background: #152d4a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.modal-header h2,
.modal-header * {
    color: white !important;
}

/* Gradient cards - keep gradients but make them darker */
.bg-gradient-to-r {
    background: linear-gradient(135deg, #1e3a5f 0%, #152d4a 100%) !important;
}

/* Alert boxes */
.bg-yellow-100, .bg-green-100, .bg-red-100, .bg-blue-100 {
    background: #152d4a !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
}

.text-yellow-700, .text-green-700, .text-red-700, .text-blue-700 {
    color: white !important;
}

/* Form controls with light backgrounds */
.form-control,
input[type="text"],
input[type="number"],
input[type="date"],
input[type="email"],
input[type="tel"],
textarea,
select {
    background: #152d4a !important;
    color: white !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    background: #1e3a5f !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: white !important;
}

[class*="bg-gray"] {
    background: #0f1f35 !important;
}

/* Specific color overrides */
.bg-green-100, .bg-green-50 {
    background: #152d4a !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

.bg-red-100, .bg-red-50 {
    background: #152d4a !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

.bg-blue-100, .bg-blue-50 {
    background: #152d4a !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

.bg-yellow-50, .bg-yellow-100 {
    background: #152d4a !important;
    border-color: rgba(251, 191, 36, 0.3) !important;
}

.bg-orange-100, .bg-orange-50 {
    background: #152d4a !important;
    border-color: rgba(249, 115, 22, 0.3) !important;
}

.bg-purple-100, .bg-purple-50 {
    background: #152d4a !important;
    border-color: rgba(168, 85, 247, 0.3) !important;
}

/* Gradient overrides */
.bg-gradient-to-br, .bg-gradient-to-r {
    background: linear-gradient(135deg, #1e3a5f 0%, #152d4a 100%) !important;
}

.from-blue-500, .to-blue-600, .from-green-500, .to-green-600,
.from-orange-500, .to-orange-600, .from-purple-500, .to-purple-600 {
    background: #1e3a5f !important;
}

/* Status badges */
.text-green-800, .text-green-700 {
    color: rgba(255, 255, 255, 0.9) !important;
}

.text-red-800, .text-red-700, .text-red-600 {
    color: rgba(255, 255, 255, 0.9) !important;
}

.text-blue-800, .text-blue-700 {
    color: rgba(255, 255, 255, 0.9) !important;
}

.text-yellow-800, .text-yellow-700, .text-yellow-600 {
    color: rgba(255, 255, 255, 0.9) !important;
}

.text-orange-800, .text-orange-700 {
    color: rgba(255, 255, 255, 0.9) !important;
}

.text-purple-800, .text-purple-700 {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Hover states */
.hover\:bg-gray-50:hover, .hover\:bg-red-50:hover {
    background: #152d4a !important;
}

.hover\:bg-blue-50:hover {
    background: #152d4a !important;
}

/* Button color overrides */
.bg-green-500, .bg-green-600, .bg-green-700 {
    background: linear-gradient(135deg, #1e3a5f 0%, #152d4a 100%) !important;
}

.bg-red-500, .bg-red-600, .bg-red-700 {
    background: linear-gradient(135deg, #1e3a5f 0%, #152d4a 100%) !important;
}

.bg-blue-500, .bg-blue-600, .bg-blue-700 {
    background: linear-gradient(135deg, #1e3a5f 0%, #152d4a 100%) !important;
}

.bg-purple-500, .bg-purple-600, .bg-purple-700 {
    background: linear-gradient(135deg, #1e3a5f 0%, #152d4a 100%) !important;
}

.bg-orange-500, .bg-orange-600, .bg-orange-700 {
    background: linear-gradient(135deg, #1e3a5f 0%, #152d4a 100%) !important;
}

.bg-gray-500, .bg-gray-600 {
    background: linear-gradient(135deg, #1e3a5f 0%, #152d4a 100%) !important;
}

/* Strong overrides for inline styles in JavaScript-generated HTML */
div[style*="background: #f8f9fa"],
div[style*="background: #ffffff"],
div[style*="background-color: #f8f9fa"],
div[style*="background-color: #ffffff"],
div[style*="background-color: #fff3cd"],
div[style*="background-color: #e9ecef"] {
    background: #1e3a5f !important;
    color: white !important;
}

div[style*="background: #f8f9fa"] *,
div[style*="background: #ffffff"] *,
div[style*="background-color: #f8f9fa"] *,
div[style*="background-color: #ffffff"] *,
div[style*="background-color: #fff3cd"] *,
div[style*="background-color: #e9ecef"] * {
    color: white !important;
}

table[style*="background"],
thead[style*="background"],
tbody[style*="background"] {
    background: #1e3a5f !important;
    color: white !important;
}

thead[style*="background-color: #f8f9fa"] {
    background-color: #152d4a !important;
    color: white !important;
}

thead[style*="background-color: #f8f9fa"] * {
    color: white !important;
}

/* Fix text colors in generated content */
p[style*="color: #495057"],
p[style*="color: #6c757d"],
h4[style*="color: #495057"],
h4[style*="color: #856404"],
span[style*="color: #28a745"],
span[style*="color: #856404"] {
    color: white !important;
}

/* Admin Settings Page - User Cards */
.user-card {
    background: #1e3a5f !important;
    color: white !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.user-card * {
    color: white !important;
}

.user-card .text-gray-900,
.user-card .text-gray-800,
.user-card .text-gray-700,
.user-card .text-gray-600,
.user-card .text-gray-500,
.user-card .text-gray-400 {
    color: white !important;
}

/* Tab Buttons */
.tab-button {
    background: #152d4a !important;
    color: white !important;
}

.tab-button.active {
    background: #1e3a5f !important;
    color: white !important;
}

/* Status Badges */
.status-active {
    background: rgba(34, 197, 94, 0.2) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(34, 197, 94, 0.3) !important;
}

.status-inactive {
    background: rgba(239, 68, 68, 0.2) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

/* Role Badges */
.role-admin {
    background: rgba(59, 130, 246, 0.2) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
}

.role-employee {
    background: rgba(168, 85, 247, 0.2) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(168, 85, 247, 0.3) !important;
}

/* Store info boxes in user cards */
.user-card .bg-blue-50,
.user-card .bg-green-50 {
    background: rgba(59, 130, 246, 0.15) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

.user-card .bg-blue-50 *,
.user-card .bg-green-50 * {
    color: rgba(255, 255, 255, 0.9) !important;
}

.user-card .text-blue-800,
.user-card .text-green-800 {
    color: rgba(255, 255, 255, 0.9) !important;
}

.user-card .text-blue-600,
.user-card .text-green-600 {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Settings Tab Content */
#settings-tab .bg-white,
.tab-content .bg-white {
    background: #1e3a5f !important;
    color: white !important;
}

#settings-tab .bg-white *,
.tab-content .bg-white * {
    color: white !important;
}

#settings-tab .text-gray-900,
#settings-tab .text-gray-800,
#settings-tab .text-gray-700,
#settings-tab .text-gray-600,
#settings-tab .text-gray-500 {
    color: white !important;
}

/* Crop Modal Styles */
#cropModal .modal-content {
    background: #1e3a5f !important;
    color: white !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#cropModal .modal-content * {
    color: white !important;
}

#cropModal #modalTitle,
#cropModal h2,
#cropModal h3 {
    color: white !important;
}

#cropModal button[onclick*="hideCropModal"],
#cropModal .text-gray-500,
#cropModal .text-gray-700 {
    color: rgba(255, 255, 255, 0.8) !important;
}

#cropModal button[onclick*="hideCropModal"]:hover,
#cropModal .text-gray-500:hover,
#cropModal .text-gray-700:hover {
    color: white !important;
}

/* Form Sections */
#cropModal .form-section {
    background: #152d4a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

#cropModal .form-section * {
    color: white !important;
}

#cropModal .form-section-title {
    color: #10b981 !important;
    border-bottom-color: rgba(16, 185, 129, 0.3) !important;
}

/* Input Fields */
#cropModal input[type="text"],
#cropModal input[type="number"],
#cropModal input[type="date"],
#cropModal input[type="email"],
#cropModal input[type="tel"],
#cropModal textarea,
#cropModal select {
    background: #0f1f35 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
}

#cropModal input[type="text"]:focus,
#cropModal input[type="number"]:focus,
#cropModal input[type="date"]:focus,
#cropModal input[type="email"]:focus,
#cropModal input[type="tel"]:focus,
#cropModal textarea:focus,
#cropModal select:focus {
    background: #152d4a !important;
    border-color: #10b981 !important;
    color: white !important;
}

#cropModal input::placeholder,
#cropModal textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Labels */
#cropModal label,
#cropModal .block.text-sm.font-medium {
    color: white !important;
}

#cropModal .text-gray-500,
#cropModal .text-xs.text-gray-500 {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Materials and Products Containers */
#cropModal #materialsContainer,
#cropModal #productsContainer {
    background: #0f1f35 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
}

#cropModal #materialsContainer *,
#cropModal #productsContainer * {
    color: white !important;
}

#cropModal #materialsContainer label,
#cropModal #productsContainer label {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

#cropModal #materialsContainer label:hover,
#cropModal #productsContainer label:hover {
    background: #152d4a !important;
}

#cropModal #materialsContainer .text-gray-500,
#cropModal #productsContainer .text-gray-500,
#cropModal #materialsContainer .text-gray-700,
#cropModal #productsContainer .text-gray-700 {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Search Inputs in Modal */
#cropModal #materialSearch,
#cropModal #productSearch {
    background: #0f1f35 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
}

#cropModal #materialSearch:focus,
#cropModal #productSearch:focus {
    background: #152d4a !important;
    border-color: #10b981 !important;
}

#cropModal #materialSearch::placeholder,
#cropModal #productSearch::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Checkboxes */
#cropModal input[type="checkbox"] {
    background: #0f1f35 !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

#cropModal input[type="checkbox"]:checked {
    background: #10b981 !important;
    border-color: #10b981 !important;
}

/* Buttons */
#cropModal button[type="submit"] {
    background: linear-gradient(to right, #059669, #047857) !important;
    color: white !important;
}

#cropModal button[type="submit"]:hover {
    background: linear-gradient(to right, #047857, #065f46) !important;
}

#cropModal button[type="button"].bg-gray-300,
#cropModal button[onclick*="hideCropModal"].bg-gray-300 {
    background: #152d4a !important;
    color: white !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

#cropModal button[type="button"].bg-gray-300:hover,
#cropModal button[onclick*="hideCropModal"].bg-gray-300:hover {
    background: #1e3a5f !important;
}

#cropModal button.bg-blue-500 {
    background: #3b82f6 !important;
    color: white !important;
}

#cropModal button.bg-blue-500:hover {
    background: #2563eb !important;
}

/* Border Top */
#cropModal .border-t {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* Revenue Modal */
#revenueModal .bg-white {
    background: #1e3a5f !important;
    color: white !important;
}

#revenueModal .bg-white * {
    color: white !important;
}

#revenueModal input[type="number"] {
    background: #0f1f35 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
}

#revenueModal input[type="number"]:focus {
    background: #152d4a !important;
    border-color: #10b981 !important;
}

#revenueModal label,
#revenueModal .text-gray-700 {
    color: white !important;
}

#revenueModal .text-gray-500 {
    color: rgba(255, 255, 255, 0.6) !important;
}

#revenueModal button.bg-gray-300 {
    background: #152d4a !important;
    color: white !important;
}

#revenueModal button.bg-gray-300:hover {
    background: #1e3a5f !important;
}

/* Override inline styles for form-section in crops.php */
.form-section {
    background: #152d4a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

.form-section * {
    color: white !important;
}

.form-section-title {
    color: #10b981 !important;
    border-bottom-color: rgba(16, 185, 129, 0.3) !important;
}

/* Additional crop modal dark theme fixes */
#cropModal .text-gray-800,
#cropModal .text-gray-700,
#cropModal .text-gray-600,
#cropModal .text-gray-500 {
    color: rgba(255, 255, 255, 0.9) !important;
}

#cropModal input[type="text"],
#cropModal input[type="number"],
#cropModal input[type="date"],
#cropModal textarea,
#cropModal select {
    background: #0f1f35 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
}

#cropModal input[type="text"]:focus,
#cropModal input[type="number"]:focus,
#cropModal input[type="date"]:focus,
#cropModal textarea:focus,
#cropModal select:focus {
    background: #152d4a !important;
    border-color: #10b981 !important;
    color: white !important;
}

#cropModal input::placeholder,
#cropModal textarea::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Crop Cards */
.crop-card {
    background: #1e3a5f !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

.crop-card * {
    color: white !important;
}

.crop-card .text-gray-800,
.crop-card .text-gray-700,
.crop-card .text-gray-600,
.crop-card .text-gray-500 {
    color: white !important;
}

/* Login Page Dark Theme */
.login-container {
    background: linear-gradient(135deg, #0f1f35 0%, #152d4a 50%, #1e3a5f 100%) !important;
}

.login-form-container {
    background: rgba(30, 58, 95, 0.8) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5) !important;
}

.login-title {
    color: white !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

.login-subtitle {
    color: rgba(255, 255, 255, 0.9) !important;
}

.login-divider {
    background: linear-gradient(to right, #10b981, #059669) !important;
}

.login-input {
    background: #0f1f35 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: white !important;
}

.login-input:focus {
    background: #152d4a !important;
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
}

.login-input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.login-button {
    background: linear-gradient(to right, #10b981, #059669) !important;
    color: white !important;
}

.login-button:hover {
    background: linear-gradient(to right, #059669, #047857) !important;
    box-shadow: 0 10px 25px rgba(16, 185, 129, 0.3) !important;
}

.login-footer {
    color: rgba(255, 255, 255, 0.8) !important;
}

.login-logo {
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.4) !important;
}

.login-logo-fallback {
    background: linear-gradient(to bottom right, #10b981, #059669, #047857) !important;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.4) !important;
}

/* Login page labels */
.login-form-container label,
.login-form-container .text-gray-700,
.login-form-container .text-gray-600 {
    color: white !important;
}

/* Login page error/success messages */
.login-form-container .bg-red-100,
.login-form-container .bg-red-900 {
    background: rgba(220, 38, 38, 0.2) !important;
    border-color: rgba(220, 38, 38, 0.5) !important;
    color: #fca5a5 !important;
}

.login-form-container .bg-green-100,
.login-form-container .bg-green-900 {
    background: rgba(16, 185, 129, 0.2) !important;
    border-color: rgba(16, 185, 129, 0.5) !important;
    color: #6ee7b7 !important;
}