body {
    font-family: 'Outfit', sans-serif;
}

.glass {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
}

.bg-confianca {
    background: linear-gradient(135deg, #2563eb 0%, #10b981 100%);
}

.transition-all {
    transition: all 0.3s ease;
}

/* Dark Mode Styles */
.dark body {
    background-color: #0f172a;
    color: #f1f5f9;
}

.dark #app-container,
.dark header,
.dark aside,
.dark .bg-white,
.dark .bg-slate-50 {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}

.dark .text-slate-900,
.dark .text-slate-800,
.dark .text-slate-700,
.dark .text-slate-600 {
    color: #f1f5f9 !important;
}

.dark .text-slate-500,
.dark .text-slate-400 {
    color: #94a3b8 !important;
}

.dark .border-slate-200,
.dark .border-slate-100 {
    border-color: #334155 !important;
}

.dark input,
.dark select,
.dark textarea {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #f1f5f9 !important;
}

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

.dark .divide-slate-100> :not([hidden])~ :not([hidden]) {
    border-color: #334155 !important;
}

/* Specific Fixes for Table Headers */
.dark thead.bg-slate-50 {
    background-color: #334155 !important;
}

.dark thead th {
    color: #cbd5e1 !important;
}

/* Fix for History Table (opacity and background) */
.dark .opacity-75 {
    opacity: 0.85 !important;
}

.dark tr.bg-slate-50\/50 {
    background-color: rgba(51, 65, 85, 0.3) !important;
}

/* Navigation Items Fixes */
.dark .nav-item:hover {
    background-color: #334155 !important;
}

.dark .nav-item.bg-blue-50 {
    background-color: #2563eb !important;
    color: white !important;
}

.dark .nav-item.bg-blue-50 i {
    color: white !important;
}

/* Fix for Document Upload Form and Document Items */
.dark .bg-blue-50 {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

.dark .bg-white.p-2.rounded-lg.shadow-sm {
    background-color: #0f172a !important;
    border-color: #334155 !important;
}

.dark input[type="file"]::file-selector-button {
    background-color: #2563eb !important;
    color: white !important;
}

.dark input[type="file"] {
    color: #94a3b8 !important;
}

/* Fix for Button Shadows in Dark Mode */
.dark .shadow-blue-200 {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

.dark input.bg-blue-600 {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

/* Searchable Dropdown Dark Mode Fixes */
.dark #client-search-results {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4) !important;
}

.dark #client-search-results div {
    border-bottom-color: #334155 !important;
}

.dark #client-search-results div:hover {
    background-color: #334155 !important;
}

.dark #client-search-results div p.font-semibold {
    color: #f1f5f9 !important;
}

.dark #client-search-results div p.text-slate-500 {
    color: #94a3b8 !important;
}