.editor-container {
  display: flex;
  height: 100vh;
}
.form-side {
  width: 50%;
  padding: 20px;
  overflow-y: auto;
  background: #f8f9fa;
}
.preview-side {
  width: 50%;
  padding: 40px;
  background: #525659; /* Màu nền tối để nổi bật tờ giấy CV */
  display: flex;
  justify-content: center;
  overflow-y: auto;
}
#cv-document {
  width: 210mm; /* Chuẩn khổ A4 */
  min-height: 297mm;
  background: white;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/* Hiệu ứng cho Card Mẫu CV */
.template-card {
  transition: all 0.3s ease;
  border-radius: 12px;
}

.template-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15) !important;
}

.template-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(13, 110, 253, 0.1); /* Màu xanh nhạt mờ */
  opacity: 0;
  transition: opacity 0.3s ease;
}

.template-card:hover .template-overlay {
  opacity: 1;
}
/* Ép toàn bộ nền web và các vùng mặc định sang xanh nhạt */
body,
.bg-light,
.bg-white,
section,
.container-fluid {
  background-color: #f0f7ff !important;
}

/* Giữ nguyên màu trắng cho các "tấm thẻ" (Cards) để tạo độ nổi khối */
.cv-preview-card, .cv-preview-card .bg-white, .cv-preview-card .bg-light,
.card {
  background-color: #ffffff !important;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
/* Các badge màu nhạt kiểu hiện đại */
.bg-info-soft {
  background-color: #e0f7fa;
}
.bg-success-soft {
  background-color: #e8f5e9;
}
.bg-warning-soft {
  background-color: #fffde7;
}

/* --- MODERN UI UTILITIES --- */
:root {
  --primary-gradient: linear-gradient(135deg, #0d6efd 0%, #6610f2 100%);
  --mesh-gradient: radial-gradient(at 0% 0%, hsla(210, 100%, 93%, 1) 0, transparent 50%), 
                   radial-gradient(at 50% 0%, hsla(220, 100%, 95%, 1) 0, transparent 50%), 
                   radial-gradient(at 100% 0%, hsla(190, 100%, 93%, 1) 0, transparent 50%);
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-border: rgba(255, 255, 255, 0.3);
}

.text-gradient {
  background: var(--primary-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-mesh {
  background-color: #f0f7ff;
  background-image: var(--mesh-gradient);
}

.glass-card {
  background: var(--glass-bg);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid var(--glass-border);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
}

.hover-lift {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1) !important;
}

.floating {
  animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-15px) rotate(2deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}

.section-padding {
  padding: 60px 0;
}

.btn-premium {
  background: var(--primary-gradient);
  color: white;
  border: none;
  padding: 12px 32px;
  border-radius: 50px;
  font-weight: 700;
  box-shadow: 0 4px 15px rgba(13, 110, 253, 0.3);
  transition: all 0.3s ease;
}

.btn-premium:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(13, 110, 253, 0.4);
  color: white;
}

footer {
  padding: 40px 0 20px;
  background-color: #ffffff !important;
  border-top: 1px solid #e0e0e0;
}

.footer-link {
  color: #6c757d;
  text-decoration: none;
  transition: color 0.3s ease;
  font-size: 14px;
}

.footer-link:hover {
  color: #0d6efd;
}
/* =========================================
   DARK MODE OVERRIDES (Bootstrap 5)
   ========================================= */
:root {
  --step-bg-bottom: #ffffff;
}
[data-bs-theme="dark"] {
  --step-bg-bottom: #1e1e1e;
}

[data-bs-theme="dark"] body,
[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] section,
[data-bs-theme="dark"] .container-fluid,
[data-bs-theme="dark"] .bg-mesh {
  background-color: #121212 !important;
  background-image: none !important;
}

[data-bs-theme="dark"] .bg-white {
  background-color: #1a1d20 !important;
}

[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .admin-sidebar-container {
  background-color: #1e1e1e !important;
  border-color: #2b3035 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-bs-theme="dark"] .card-body h5:not(.template-card h5):not(.cv-preview-card h5):not(.cv-preview-wrapper h5):not(#resume-preview h5),
[data-bs-theme="dark"] .card-body p:not(.template-card p):not(.cv-preview-card p):not(.cv-preview-wrapper p):not(#resume-preview p),
[data-bs-theme="dark"] h1:not(.cv-preview-card h1):not(.cv-preview-wrapper h1):not(#resume-preview h1):not(.template-card h1),
[data-bs-theme="dark"] h2:not(.cv-preview-card h2):not(.cv-preview-wrapper h2):not(#resume-preview h2):not(.template-card h2),
[data-bs-theme="dark"] h3:not(.cv-preview-card h3):not(.cv-preview-wrapper h3):not(#resume-preview h3):not(.template-card h3), 
[data-bs-theme="dark"] h4:not(.cv-preview-card h4):not(.cv-preview-wrapper h4):not(#resume-preview h4):not(.template-card h4),
[data-bs-theme="dark"] h5:not(.cv-preview-card h5):not(.cv-preview-wrapper h5):not(#resume-preview h5):not(.template-card h5),
[data-bs-theme="dark"] h6:not(.cv-preview-card h6):not(.cv-preview-wrapper h6):not(#resume-preview h6):not(.template-card h6),
[data-bs-theme="dark"] .text-dark:not(.cv-preview-card .text-dark):not(.cv-preview-wrapper .text-dark):not(#resume-preview .text-dark):not(.template-card .text-dark) {
  color: #e9ecef !important;
}

[data-bs-theme="dark"] .text-muted:not(.cv-preview-card .text-muted):not(.cv-preview-wrapper .text-muted):not(#resume-preview .text-muted):not(.template-card .text-muted) {
  color: #adb5bd !important;
}

[data-bs-theme="dark"] footer {
  background-color: #1a1d20 !important;
  border-top-color: #2b3035 !important;
}

[data-bs-theme="dark"] .sidebar-group {
  background-color: #1e1e1e !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .admin-sidebar-container .menu-label {
  color: #6ea8fe !important;
}

[data-bs-theme="dark"] .menu-item {
  color: #ced4da !important;
}

[data-bs-theme="dark"] .menu-item:hover {
  background-color: #2b3035 !important;
  color: #6ea8fe !important;
}

[data-bs-theme="dark"] .menu-item.active {
  background-color: #2b3035 !important;
  border-color: #343a40 !important;
  color: #6ea8fe !important;
  border-left-color: #6ea8fe !important;
}

[data-bs-theme="dark"] .navbar {
  background-color: #1a1d20 !important;
  border-bottom: 1px solid #2b3035 !important;
}

[data-bs-theme="dark"] .nav-link {
  color: #ced4da !important;
}

[data-bs-theme="dark"] .glass-card {
  background: rgba(30, 30, 30, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Tinh chỉnh Cột Nhập liệu CV Builder (Dark Mode) để dễ đọc hơn */
[data-bs-theme="dark"] .cv-builder-editor-panel {
  background-color: #0f172a !important; /* Slate-900 */
  border-color: #1e293b !important; /* Slate-800 */
}
[data-bs-theme="dark"] .cv-builder-editor-panel .bg-slate-50,
[data-bs-theme="dark"] .cv-builder-editor-panel .bg-slate-100 {
  background-color: #0f172a !important;
}
[data-bs-theme="dark"] .cv-builder-editor-panel .bg-slate-50\/50,
[data-bs-theme="dark"] .cv-builder-editor-panel .bg-blue-50\/50 {
  background-color: #1e293b !important; /* Slate-800 */
}
[data-bs-theme="dark"] .cv-builder-editor-panel .bg-white {
  background-color: #1e293b !important; /* Slate-800 */
}
[data-bs-theme="dark"] .cv-builder-editor-panel .text-slate-800,
[data-bs-theme="dark"] .cv-builder-editor-panel .text-slate-700,
[data-bs-theme="dark"] .cv-builder-editor-panel .text-slate-600 {
  color: #f8fafc !important; /* Chữ trắng sáng */
}
[data-bs-theme="dark"] .cv-builder-editor-panel .text-slate-500,
[data-bs-theme="dark"] .cv-builder-editor-panel .placeholder-slate-400::placeholder {
  color: #94a3b8 !important; /* Chữ xám nhạt */
}
[data-bs-theme="dark"] .cv-builder-editor-panel .text-blue-700,
[data-bs-theme="dark"] .cv-builder-editor-panel .text-blue-600 {
  color: #60a5fa !important; /* Chữ xanh lam sáng */
}
[data-bs-theme="dark"] .cv-builder-editor-panel .border-slate-200,
[data-bs-theme="dark"] .cv-builder-editor-panel .border-slate-100,
[data-bs-theme="dark"] .cv-builder-editor-panel .border-blue-200,
[data-bs-theme="dark"] .cv-builder-editor-panel .border-blue-100 {
  border-color: #334155 !important; /* Viền xám đậm vừa phải */
}

/* FIX: Sửa lỗi hover/focus của ô nhập liệu có nền trắng biến chữ thành tàng hình */
[data-bs-theme="dark"] .cv-builder-editor-panel .hover\:bg-slate-50:hover,
[data-bs-theme="dark"] .cv-builder-editor-panel .hover\:bg-blue-50:hover,
[data-bs-theme="dark"] .cv-builder-editor-panel .hover\:bg-white:hover {
  background-color: #334155 !important; /* Slate-700 */
  color: #f8fafc !important;
}
[data-bs-theme="dark"] .cv-builder-editor-panel .focus\:bg-white:focus,
[data-bs-theme="dark"] .cv-builder-editor-panel .focus-within\:bg-blue-50:focus-within,
[data-bs-theme="dark"] .cv-builder-editor-panel .focus-within\:bg-blue-50\/60:focus-within {
  background-color: #1e293b !important; /* Slate-800 */
  color: #f8fafc !important;
  border-bottom-color: #3b82f6 !important; /* Viền sáng màu xanh lam dưới */
}
[data-bs-theme="dark"] .cv-builder-editor-panel .rich-text-editor.is-empty:before {
  color: #94a3b8 !important; /* Tailwind slate-400 giúp placeholder nổi bật rõ nét */
}

/* Ép màu chữ cho RichTextEditor hoạt động chuẩn xác ở cả chế độ sáng và tối */
.cv-builder-editor-panel .rich-text-editor {
  color: #1e293b !important; /* Chế độ sáng */
}
[data-bs-theme="dark"] .cv-builder-editor-panel .rich-text-editor,
[data-bs-theme="dark"] .cv-builder-editor-panel .rich-text-editor * {
  color: #f8fafc !important; /* Chế độ tối: trắng sáng (slate-50) */
}

/* Ép màu chữ cho tất cả các thẻ input, textarea chuẩn bên trong cv-builder-editor-panel ở chế độ tối */
[data-bs-theme="dark"] .cv-builder-editor-panel input,
[data-bs-theme="dark"] .cv-builder-editor-panel textarea {
  color: #f8fafc !important; /* Chữ trắng sáng rõ nét */
}

/* Tối ưu hóa hiển thị placeholder cho các input, textarea ở chế độ tối */
[data-bs-theme="dark"] .cv-builder-editor-panel input::placeholder,
[data-bs-theme="dark"] .cv-builder-editor-panel textarea::placeholder {
  color: #94a3b8 !important; /* Màu xám sáng dễ đọc */
}



/* FIX: Tối ưu hóa các nút bấm, nút thêm dòng đứt nét (border-dashed) */
[data-bs-theme="dark"] .cv-builder-editor-panel .border-dashed {
  border-color: #334155 !important;
  color: #94a3b8 !important;
}
[data-bs-theme="dark"] .cv-builder-editor-panel .border-dashed:hover {
  border-color: #3b82f6 !important;
  color: #3b82f6 !important;
  background-color: rgba(59, 130, 246, 0.1) !important;
}

/* ==========================================================
   TỐI ƯU HÓA RICH TEXT TOOLBAR TRONG DARK MODE (PREMIUM LOOK)
   ========================================================== */
[data-bs-theme="dark"] .cv-builder-toolbar {
  background-color: rgba(15, 23, 42, 0.9) !important; /* Slate-900 mờ cao cấp */
  border-color: #1e293b !important; /* Slate-800 border */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
  color: #f8fafc !important;
}

/* Định dạng select (Font Family, Font Size) trong Toolbar */
[data-bs-theme="dark"] .cv-builder-toolbar select {
  background-color: #1e293b !important; /* Slate-800 */
  border-color: #334155 !important; /* Slate-700 */
  color: #f1f5f9 !important; /* Chữ sáng rõ */
}
[data-bs-theme="dark"] .cv-builder-toolbar select:hover {
  border-color: #3b82f6 !important;
}
[data-bs-theme="dark"] .cv-builder-toolbar select option {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
}

/* Các nút định dạng (Bold, Italic, Underline, Canh lề, List,...) */
[data-bs-theme="dark"] .cv-builder-toolbar button {
  color: #cbd5e1 !important; /* Slate-300 */
}
[data-bs-theme="dark"] .cv-builder-toolbar button:hover {
  background-color: #1e293b !important; /* Nền Slate-800 khi hover */
  color: #ffffff !important;
}

/* FIX: Nổi bật trạng thái Active khi nút định dạng đang được bật */
[data-bs-theme="dark"] .cv-builder-toolbar button.bg-blue-100 {
  background-color: #2563eb !important; /* Nền xanh lam đậm nổi bật hẳn */
  color: #ffffff !important; /* Chữ trắng rực rỡ */
  border-color: #3b82f6 !important;
  box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.25) !important;
}
[data-bs-theme="dark"] .cv-builder-toolbar button.bg-blue-100 svg {
  color: #ffffff !important;
}

/* FIX: Tăng độ sáng cho label "MÀU NỀN" và "MÀU CHỮ" */
[data-bs-theme="dark"] .cv-builder-toolbar .text-slate-500 {
  color: #cbd5e1 !important; /* Màu chữ xám sáng rõ rệt */
}

/* Dropdown chọn Màu nền / Màu chữ */
[data-bs-theme="dark"] .cv-builder-toolbar .color-picker-dropdown button {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}
[data-bs-theme="dark"] .cv-builder-toolbar .color-picker-dropdown button:hover {
  background-color: #334155 !important;
}
[data-bs-theme="dark"] .cv-builder-toolbar .color-picker-dropdown .absolute {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  box-shadow: 0 10px 25px -5px rgba(0,0,0,0.4), 0 8px 10px -6px rgba(0,0,0,0.4) !important;
}

/* FIX: Làm nổi bật nút AI SCAN thành màu vàng hổ phách tối mờ rực rỡ */
[data-bs-theme="dark"] .cv-builder-toolbar button[class*="text-amber-700"] {
  background: rgba(245, 158, 11, 0.15) !important; /* Amber mờ cực đẹp */
  border-color: rgba(245, 158, 11, 0.3) !important;
  color: #fbbf24 !important; /* Chữ vàng hổ phách rực rỡ */
}
[data-bs-theme="dark"] .cv-builder-toolbar button[class*="text-amber-700"]:hover {
  background: rgba(245, 158, 11, 0.25) !important;
  color: #ffffff !important;
}
[data-bs-theme="dark"] .cv-builder-toolbar button[class*="text-amber-700"] svg {
  color: #fbbf24 !important;
}
[data-bs-theme="dark"] .cv-builder-toolbar button[class*="text-amber-700"]:hover svg {
  color: #ffffff !important;
}

/* ==========================================================
   TỐI ƯU HÓA MODALS (COVER LETTER & JOB MATCHER) TRONG DARK MODE
   ========================================================== */
[data-bs-theme="dark"] #coverLetterModal .modal-content,
[data-bs-theme="dark"] #jobMatcherModalContent {
  background-color: #0f172a !important; /* Slate-900 làm nền thống nhất */
  border: 1px solid #1e293b !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6) !important;
  color: #f8fafc !important;
}

[data-bs-theme="dark"] #coverLetterModal .modal-header,
[data-bs-theme="dark"] #jobMatcherModalContent > div:first-child {
  background: #0f172a !important; /* Đổi nền header thành Slate-900 */
  border-bottom: 1px solid #1e293b !important;
}

[data-bs-theme="dark"] #coverLetterModal .modal-body,
[data-bs-theme="dark"] #jobMatcherModalContent .flex-1.overflow-y-auto {
  background-color: #0f172a !important; /* Nền body đồng bộ */
}

[data-bs-theme="dark"] #coverLetterModal .modal-footer {
  background-color: #0f172a !important; /* Nền footer đồng bộ */
  border-top: 1px solid #1e293b !important;
}

/* Các nhãn text labels */
[data-bs-theme="dark"] #coverLetterModal label,
[data-bs-theme="dark"] #jobMatcherModalContent label {
  color: #cbd5e1 !important; /* Chuyển màu nhãn xám sáng rõ ràng */
}

/* Các ô input và textarea trong Modal */
[data-bs-theme="dark"] #coverLetterModal input,
[data-bs-theme="dark"] #coverLetterModal textarea,
[data-bs-theme="dark"] #jobMatcherModalContent input,
[data-bs-theme="dark"] #jobMatcherModalContent textarea {
  background-color: #1e293b !important; /* Slate-800 thay vì màu trắng */
  color: #f8fafc !important; /* Chữ trắng sáng */
  border-color: #334155 !important; /* Viền Slate-700 */
}

[data-bs-theme="dark"] #coverLetterModal input:focus,
[data-bs-theme="dark"] #coverLetterModal textarea:focus,
[data-bs-theme="dark"] #jobMatcherModalContent input:focus,
[data-bs-theme="dark"] #jobMatcherModalContent textarea:focus {
  border-color: #3b82f6 !important; /* Viền sáng khi active */
  background-color: #1e293b !important;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.25) !important;
}

/* Placeholder trong các ô nhập liệu của Modal */
[data-bs-theme="dark"] #coverLetterModal input::placeholder,
[data-bs-theme="dark"] #coverLetterModal textarea::placeholder,
[data-bs-theme="dark"] #jobMatcherModalContent input::placeholder,
[data-bs-theme="dark"] #jobMatcherModalContent textarea::placeholder {
  color: #64748b !important; /* Đọc rõ nét trên nền sẫm màu */
}

/* Thẻ điểm số match trong Job Matcher (Match Score Card) */
[data-bs-theme="dark"] #jobMatcherModalContent .bg-gradient-to-br.from-slate-50.to-white {
  background: #1e293b !important; /* Đổi nền sang Slate-800 thay vì trắng kem */
  border-color: #334155 !important;
}

[data-bs-theme="dark"] #jobMatcherModalContent .bg-gradient-to-br.from-slate-50.to-white p,
[data-bs-theme="dark"] #jobMatcherModalContent .bg-gradient-to-br.from-slate-50.to-white span {
  color: #f8fafc !important; /* Chữ sáng */
}

[data-bs-theme="dark"] #jobMatcherModalContent .bg-gradient-to-br.from-slate-50.to-white circle[stroke="#e2e8f0"] {
  stroke: #334155 !important; /* Sửa màu vòng tròn nền của biểu đồ match score */
}

/* Các hộp chi tiết phân tích kết quả match */
/* 1. Kỹ năng đã khớp */
[data-bs-theme="dark"] #jobMatcherModalContent .bg-emerald-50\/50 {
  background-color: rgba(16, 185, 129, 0.08) !important;
  border-color: rgba(16, 185, 129, 0.2) !important;
}
[data-bs-theme="dark"] #jobMatcherModalContent .text-emerald-700 {
  color: #34d399 !important;
}
[data-bs-theme="dark"] #jobMatcherModalContent .bg-emerald-100 {
  background-color: rgba(16, 185, 129, 0.15) !important;
  color: #34d399 !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
}

/* 2. Kỹ năng còn thiếu */
[data-bs-theme="dark"] #jobMatcherModalContent .bg-rose-50\/50 {
  background-color: rgba(244, 63, 94, 0.08) !important;
  border-color: rgba(244, 63, 94, 0.2) !important;
}
[data-bs-theme="dark"] #jobMatcherModalContent .text-rose-700 {
  color: #fb7185 !important;
}
[data-bs-theme="dark"] #jobMatcherModalContent .bg-rose-100 {
  background-color: rgba(244, 63, 94, 0.15) !important;
  color: #fb7185 !important;
  border-color: rgba(244, 63, 94, 0.3) !important;
}

/* 3. Gợi ý cải thiện */
[data-bs-theme="dark"] #jobMatcherModalContent .bg-blue-50\/50 {
  background-color: rgba(59, 130, 246, 0.08) !important;
  border-color: rgba(59, 130, 246, 0.2) !important;
}
[data-bs-theme="dark"] #jobMatcherModalContent .text-blue-700 {
  color: #60a5fa !important;
}
[data-bs-theme="dark"] #jobMatcherModalContent li.bg-white {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}
[data-bs-theme="dark"] #jobMatcherModalContent li.bg-white .bg-blue-100 {
  background-color: rgba(59, 130, 246, 0.2) !important;
  color: #60a5fa !important;
}

/* 4. Nhận xét tổng quan */
[data-bs-theme="dark"] #jobMatcherModalContent .bg-amber-50\/50 {
  background-color: rgba(245, 158, 11, 0.08) !important;
  border-color: rgba(245, 158, 11, 0.2) !important;
}
[data-bs-theme="dark"] #jobMatcherModalContent .text-amber-700 {
  color: #fbbf24 !important;
}
[data-bs-theme="dark"] #jobMatcherModalContent .italic.text-slate-700 {
  color: #cbd5e1 !important;
}

/* Sửa đổi chung các nhãn chỉ dẫn text trong Matcher */
[data-bs-theme="dark"] #jobMatcherModalContent .text-slate-600,
[data-bs-theme="dark"] #jobMatcherModalContent .text-slate-700,
[data-bs-theme="dark"] #jobMatcherModalContent .text-slate-800 {
  color: #f1f5f9 !important;
}

/* Nút Đóng */
[data-bs-theme="dark"] #coverLetterModal .modal-footer button[data-bs-dismiss="modal"] {
  color: #cbd5e1 !important;
}
[data-bs-theme="dark"] #coverLetterModal .modal-footer button[data-bs-dismiss="modal"]:hover {
  background-color: #1e293b !important;
  color: #ffffff !important;
}

/* Nút Submit (Bắt đầu viết / Bắt đầu tạo) */
[data-bs-theme="dark"] #coverLetterModal .modal-footer button.bg-slate-900,
[data-bs-theme="dark"] #coverLetterModal .modal-footer button[class*="bg-slate-900"] {
  background: #2563eb !important; /* Thay nền tối bằng nền xanh dương công nghệ nổi bật */
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4) !important;
}
[data-bs-theme="dark"] #coverLetterModal .modal-footer button.bg-slate-900:hover {
  background: #3b82f6 !important;
}

/* Loading Overlay */
[data-bs-theme="dark"] #coverLetterModal .bg-white\/60 {
  background-color: rgba(15, 23, 42, 0.7) !important; /* Backdrop mờ tối */
}
[data-bs-theme="dark"] #coverLetterModal .text-blue-600 {
  color: #60a5fa !important;
}

/* Fix chatbox AI widget for dark mode */
[data-bs-theme="dark"] #chatbox-window {
  background: #1a1d20 !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.5) !important;
}

[data-bs-theme="dark"] #chatbox-messages,
[data-bs-theme="dark"] #chatbox-faq {
  background: #121212 !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] #chatbox-input-area {
  background: #1a1d20 !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] #chatbox-input {
  background: #212529 !important;
  color: #fff !important;
  border-color: #343a40 !important;
}

[data-bs-theme="dark"] .chat-bubble.bot {
  background: #2b3035 !important;
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .faq-chip {
  background: #212529 !important;
  border-color: #343a40 !important;
  color: #6ea8fe !important;
}

[data-bs-theme="dark"] .faq-chip:hover {
  background: #6ea8fe !important;
  color: #121212 !important;
}

/* Fix CV Template cards (keep light mode style for images to blend) */
[data-bs-theme="dark"] .template-card,
[data-bs-theme="dark"] .template-card .bg-white {
  background-color: #ffffff !important;
}
[data-bs-theme="dark"] .template-card h5,
[data-bs-theme="dark"] .template-card h6,
[data-bs-theme="dark"] .template-card .text-dark {
  color: #212529 !important;
}
[data-bs-theme="dark"] .template-card .text-muted {
  color: #6c757d !important;
}

/* Fix Blog cards */
[data-bs-theme="dark"] .blog-card-premium {
  background-color: #1e1e1e !important;
  border: 1px solid #2b3035 !important;
}
[data-bs-theme="dark"] .blog-card-premium .card-title {
  color: #e9ecef !important;
}
[data-bs-theme="dark"] .blog-card-premium .card-text {
  color: #adb5bd !important;
}
[data-bs-theme="dark"] .blog-card-premium:hover {
  background-color: #2b3035 !important;
}

/* Fix btn-outline-dark visibility in dark mode */
[data-bs-theme="dark"] .btn-outline-dark {
  color: #f8f9fa !important;
  border-color: #f8f9fa !important;
}
[data-bs-theme="dark"] .btn-outline-dark:hover {
  background-color: #f8f9fa !important;
  color: #212529 !important;
}

/* Fix template-card bg-light image background */
[data-bs-theme="dark"] .template-card .bg-light {
  background-color: #f8f9fa !important;
}

/* Fix Jobs page UI in dark mode */
[data-bs-theme="dark"] .job-filter-sidebar,
[data-bs-theme="dark"] .job-item-row {
  background-color: #1e1e1e !important;
  border: 1px solid #2b3035 !important;
}

[data-bs-theme="dark"] .filter-scroll-container,
[data-bs-theme="dark"] .company-logo-container {
  background-color: #121212 !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .cv-selector-card {
  background-color: #1a1d20 !important;
  border-color: #2b3035 !important;
  color: #e9ecef !important;
}

[data-bs-theme="dark"] .form-control::placeholder {
  color: #6c757d !important;
}

[data-bs-theme="dark"] .form-check-label {
  color: #ced4da !important;
}

[data-bs-theme="dark"] .job-item-row:hover {
  border-color: #495057 !important;
  background-color: #2b3035 !important;
}

[data-bs-theme="dark"] .job-item-row.match-highlight {
  border-color: #064e3b !important;
  background: linear-gradient(to right, #064e3b, #1e1e1e) !important;
}

/* Fix Companies page UI in dark mode */
[data-bs-theme="dark"] .companies-wrapper {
  background-color: #121212 !important;
}

[data-bs-theme="dark"] .company-logo-wrapper.bg-white {
  background-color: #ffffff !important;
}

[data-bs-theme="dark"] .company-card {
  background-color: #1e1e1e !important;
  border-color: #198754 !important;
}

[data-bs-theme="dark"] .company-card .description-text {
  color: #adb5bd !important;
}

[data-bs-theme="dark"] .company-card:hover {
  background-color: #2b3035 !important;
}

/* Fix My Resumes page UI in dark mode (keep white background for CV to blend) */
[data-bs-theme="dark"] .transition-hover,
[data-bs-theme="dark"] .transition-hover .bg-white,
[data-bs-theme="dark"] .transition-hover .bg-light {
  background-color: #ffffff !important;
  border-color: #eee !important;
}

[data-bs-theme="dark"] .transition-hover h6,
[data-bs-theme="dark"] .transition-hover .text-dark {
  color: #212529 !important;
}

[data-bs-theme="dark"] .transition-hover .text-muted {
  color: #6c757d !important;
}

[data-bs-theme="dark"] .transition-hover:hover {
  border-color: #0d6efd !important;
}

/* Fix Profile page UI in dark mode */
[data-bs-theme="dark"] .form-control.edit-locked,
[data-bs-theme="dark"] textarea.form-control.edit-locked {
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .stat-badge {
  background-color: #2b3035 !important;
}

[data-bs-theme="dark"] .form-control:not(.edit-locked) {
  background-color: #1a1d20 !important;
  border-color: #2b3035 !important;
  color: #e9ecef !important;
}

/* Fix Guide page UI in dark mode */
[data-bs-theme="dark"] .guide-wrapper {
  background-color: #121212 !important;
}

[data-bs-theme="dark"] .guide-wrapper .glass-card,
[data-bs-theme="dark"] .guide-wrapper .glass-panel {
  background: rgba(30, 30, 30, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .guide-wrapper .hero-title {
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .guide-wrapper .text-secondary {
  color: #adb5bd !important;
}

/* Fix Contact & Terms pages UI in dark mode */
[data-bs-theme="dark"] .contact-page-wrapper,
[data-bs-theme="dark"] .terms-page-wrapper {
  background-color: #121212 !important;
}

[data-bs-theme="dark"] .premium-glass-card {
  background: rgba(30, 30, 30, 0.7) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .input-group-premium input,
[data-bs-theme="dark"] .textarea-group-premium textarea {
  color: #e9ecef !important;
}

[data-bs-theme="dark"] .textarea-group-premium textarea {
  background: rgba(0, 0, 0, 0.2) !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .info-card:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-bs-theme="dark"] .terms-block-primary { background-color: rgba(13, 110, 253, 0.15) !important; }
[data-bs-theme="dark"] .terms-block-success { background-color: rgba(25, 135, 84, 0.15) !important; }
[data-bs-theme="dark"] .terms-block-warning { background-color: rgba(255, 193, 7, 0.15) !important; }
[data-bs-theme="dark"] .terms-block-danger { background-color: rgba(220, 53, 69, 0.15) !important; }
[data-bs-theme="dark"] .terms-block-dark { background-color: rgba(255, 255, 255, 0.05) !important; }

[data-bs-theme="dark"] .terms-block { border-color: rgba(255,255,255,0.1) !important; }
[data-bs-theme="dark"] .nav-link-terms:hover { background: rgba(255,255,255,0.1) !important; }
[data-bs-theme="dark"] .nav-link-terms.active { background: rgba(13, 110, 253, 0.2) !important; }
[data-bs-theme="dark"] .terms-page-wrapper p,
[data-bs-theme="dark"] .terms-page-wrapper .list-group-item {
  color: #adb5bd !important;
}

/* Fix My Resumes & Live CV Preview in dark mode (keep white background for CV to blend) */
[data-bs-theme="dark"] .transition-hover,
[data-bs-theme="dark"] .transition-hover .bg-white,
[data-bs-theme="dark"] .transition-hover .bg-light {
  background-color: #ffffff !important;
  border-color: #eee !important;
}

[data-bs-theme="dark"] .cv-preview-card {
  color-scheme: light !important; /* Ép trình duyệt render như Light Mode */
  background-color: #ffffff !important;
  border-color: #eee !important;
  color: #212529 !important;
  --bs-body-color: #212529 !important;
}

[data-bs-theme="dark"] .cv-preview-card .bg-white,
[data-bs-theme="dark"] .cv-preview-card .bg-light {
  background-color: #ffffff !important;
  border-color: transparent !important; /* Xóa viền thừa do bị override */
}

[data-bs-theme="dark"] .cv-preview-card * {
  /* Prevent child elements without specific color classes from turning white */
}

[data-bs-theme="dark"] .transition-hover h6,
[data-bs-theme="dark"] .transition-hover .text-dark {
  color: #212529 !important;
}

[data-bs-theme="dark"] .transition-hover .text-muted {
  color: #6c757d !important;
}

[data-bs-theme="dark"] .transition-hover:hover {
  border-color: #0d6efd !important;
}

/* =========================================
   ADMIN DASHBOARD DARK MODE OVERRIDES
========================================= */
/* Override inline light backgrounds in wrappers */
[data-bs-theme="dark"] div[style*="#f8fbff"],
[data-bs-theme="dark"] div[style*="#f0f4f8"],
[data-bs-theme="dark"] div[style*="#f4f7f6"] {
  background-color: #121212 !important;
}

/* Cards & Containers */
[data-bs-theme="dark"] .bg-white {
  background-color: #1a1d20 !important;
  border-color: #2b3035 !important;
}

/* Tables in Admin */
[data-bs-theme="dark"] .table {
  color: #e9ecef !important;
  border-color: #2b3035 !important;
}
[data-bs-theme="dark"] .table thead,
[data-bs-theme="dark"] .table thead th,
[data-bs-theme="dark"] .table .bg-light {
  background-color: #1e1e1e !important;
  color: #adb5bd !important;
  border-color: #2b3035 !important;
}
[data-bs-theme="dark"] .table tbody tr:hover td,
[data-bs-theme="dark"] .table tbody tr:hover th {
  background-color: #2b3035 !important;
  color: #fff !important;
}

/* Soft Badges */
[data-bs-theme="dark"] .bg-success-soft { background-color: rgba(46, 125, 50, 0.2) !important; border-color: rgba(46, 125, 50, 0.3) !important; color: #81c784 !important; }
[data-bs-theme="dark"] .bg-warning-soft { background-color: rgba(245, 127, 23, 0.2) !important; border-color: rgba(245, 127, 23, 0.3) !important; color: #ffd54f !important; }
[data-bs-theme="dark"] .bg-info-soft { background-color: rgba(25, 118, 210, 0.2) !important; border-color: rgba(25, 118, 210, 0.3) !important; color: #64b5f6 !important; }
[data-bs-theme="dark"] .bg-danger-soft { background-color: rgba(198, 40, 40, 0.2) !important; border-color: rgba(198, 40, 40, 0.3) !important; color: #e57373 !important; }
[data-bs-theme="dark"] .bg-secondary-soft { background-color: rgba(97, 97, 97, 0.2) !important; border-color: rgba(97, 97, 97, 0.3) !important; color: #e0e0e0 !important; }

/* Admin Job Feed / Lists */
[data-bs-theme="dark"] .job-row-v2 {
  background-color: #1a1d20 !important;
  border-left-color: #0d6efd !important;
}
[data-bs-theme="dark"] .job-row-v2:hover {
  background-color: #2b3035 !important;
}

/* Skill Pills (Admin Dashboard) */
[data-bs-theme="dark"] .skill-pill-v2[class*="-subtle"] { background-color: #2b3035 !important; }
[data-bs-theme="dark"] .skill-pill-v2.bg-indigo-subtle { background-color: rgba(67, 56, 202, 0.2) !important; color: #818cf8 !important; }
[data-bs-theme="dark"] .skill-pill-v2.bg-emerald-subtle { background-color: rgba(5, 150, 105, 0.2) !important; color: #34d399 !important; }
[data-bs-theme="dark"] .skill-pill-v2.bg-amber-subtle { background-color: rgba(217, 119, 6, 0.2) !important; color: #fbbf24 !important; }
[data-bs-theme="dark"] .skill-pill-v2.bg-rose-subtle { background-color: rgba(225, 29, 72, 0.2) !important; color: #fb7185 !important; }
[data-bs-theme="dark"] .skill-pill-v2.bg-blue-subtle { background-color: rgba(37, 99, 235, 0.2) !important; color: #60a5fa !important; }
[data-bs-theme="dark"] .skill-pill-v2.bg-orange-subtle { background-color: rgba(234, 88, 12, 0.2) !important; color: #fb923c !important; }
[data-bs-theme="dark"] .skill-pill-v2.bg-purple-subtle { background-color: rgba(147, 51, 234, 0.2) !important; color: #c084fc !important; }
[data-bs-theme="dark"] .skill-pill-v2.bg-cyan-subtle { background-color: rgba(8, 145, 178, 0.2) !important; color: #22d3ee !important; }

/* Dashboard Trends */
[data-bs-theme="dark"] .trend-card-small {
  background-color: #1e1e1e !important;
  border-color: #2b3035 !important;
}
[data-bs-theme="dark"] .trend-card-small:hover {
  background-color: #2b3035 !important;
}

/* Pagination */
[data-bs-theme="dark"] .custom-pagination .page-link {
  background-color: #1a1d20 !important;
  border-color: #2b3035 !important;
  color: #adb5bd !important;
}
[data-bs-theme="dark"] .custom-pagination .page-item.active .page-link {
  background-color: #0d6efd !important;
  color: #fff !important;
}
[data-bs-theme="dark"] .custom-pagination .page-item.disabled .page-link {
  background-color: #121212 !important;
  color: #6c757d !important;
}

/* Admin Buttons */
[data-bs-theme="dark"] .btn-white {
  background-color: #2b3035 !important;
  color: #e9ecef !important;
  border-color: #495057 !important;
}
[data-bs-theme="dark"] .btn-white:hover {
  background-color: #343a40 !important;
  color: #fff !important;
}

[data-bs-theme="dark"] .btn-light {
  background-color: #212529 !important;
  color: #e9ecef !important;
  border-color: #343a40 !important;
}

/* Fix inputs and borders in Gemini Config */
[data-bs-theme="dark"] .border-light {
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .input-group[style*="#f1f5f9"] {
  background: #1a1d20 !important;
}

[data-bs-theme="dark"] .form-control.bg-light,
[data-bs-theme="dark"] .input-group-text.bg-light,
[data-bs-theme="dark"] .form-select.bg-light {
  background-color: #1a1d20 !important;
  color: #e9ecef !important;
  border-color: #2b3035 !important;
}

/* Fix Admin Sidebar Headers */
[data-bs-theme="dark"] .menu-label {
  color: #adb5bd !important;
}

[data-bs-theme="dark"] .input-group[style*="#f1f5f9"] {
  background: #1a1d20 !important;
}

[data-bs-theme="dark"] .form-control.bg-light,
[data-bs-theme="dark"] .input-group-text.bg-light,
[data-bs-theme="dark"] .form-select.bg-light {
  background-color: #1a1d20 !important;
  color: #e9ecef !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .btn-light:hover {
  background-color: #343a40 !important;
}

/* ==========================================================
   TỐI ƯU HÓA MODAL KIỂM TRA BẢN IN (EXPORT PREVIEW) TRONG DARK MODE
   ========================================================== */
[data-bs-theme="dark"] #exportPreviewModalContent {
  background-color: #0f172a !important; /* Nền chính Slate-900 */
  border: 1px solid #1e293b !important;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.6) !important;
}

/* Header và Footer của Modal */
[data-bs-theme="dark"] #exportPreviewModalContent > div:first-child,
[data-bs-theme="dark"] #exportPreviewModalContent > div:last-child {
  background-color: #0f172a !important; /* Nền tối đồng nhất */
  border-color: #1e293b !important;
}

/* Tiêu đề "Kiểm tra bản in..." */
[data-bs-theme="dark"] #exportPreviewModalContent h3 {
  color: #f8fafc !important; /* Chữ trắng sáng */
}

/* Bộ điều khiển Zoom gọn hơn */
[data-bs-theme="dark"] #exportPreviewModalContent .flex.items-center.bg-slate-100 {
  background-color: #1e293b !important; /* Đổi nền thành Slate-800 */
  border-color: #334155 !important;
}
[data-bs-theme="dark"] #exportPreviewModalContent .flex.items-center.bg-slate-100 span {
  color: #cbd5e1 !important; /* Chữ zoom % sáng */
}
[data-bs-theme="dark"] #exportPreviewModalContent .flex.items-center.bg-slate-100 button {
  background-color: #334155 !important; /* Nút +/- màu Slate-700 */
  color: #ffffff !important;
  border-color: #475569 !important;
}
[data-bs-theme="dark"] #exportPreviewModalContent .flex.items-center.bg-slate-100 button:hover {
  background-color: #2563eb !important; /* Hover xanh lam công nghệ */
  color: #ffffff !important;
}

/* Nút Close góc phải */
[data-bs-theme="dark"] #exportPreviewModalContent button:has(svg.w-7) {
  color: #94a3b8 !important;
}
[data-bs-theme="dark"] #exportPreviewModalContent button:has(svg.w-7):hover {
  background-color: #1e293b !important;
  color: #f43f5e !important; /* Hover chuyển sang màu đỏ tinh tế */
}

/* Vùng cuộn bản xem trước chứa CV giấy */
[data-bs-theme="dark"] #exportPreviewModalContent .flex-1.overflow-y-auto {
  background-color: #090d16 !important; /* Nền đen sẫm đặc biệt làm nổi rõ tờ giấy CV A4 trắng */
  border-color: #1e293b !important;
}

/* Nút Quay lại ở Footer */
[data-bs-theme="dark"] #exportPreviewModalContent > div:last-child button:first-child {
  color: #94a3b8 !important; /* Chữ xám sáng */
}
[data-bs-theme="dark"] #exportPreviewModalContent > div:last-child button:first-child:hover {
  background-color: #1e293b !important;
  color: #ffffff !important;
}

/* Nút Tải xuống PDF ở Footer */
[data-bs-theme="dark"] #exportPreviewModalContent > div:last-child button:last-child {
  background: #2563eb !important; /* Chuyển nền xám đen thành xanh lam premium */
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4) !important;
}
[data-bs-theme="dark"] #exportPreviewModalContent > div:last-child button:last-child:hover {
  background: #3b82f6 !important;
}

/* Fix Cẩm nang nghề nghiệp blog modal content in dark mode */
[data-bs-theme="dark"] .blog-modal-content h2,
[data-bs-theme="dark"] .blog-modal-content h4 {
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .blog-modal-content p,
[data-bs-theme="dark"] .blog-modal-content li,
[data-bs-theme="dark"] .blog-modal-content span:not(.badge),
[data-bs-theme="dark"] .blog-modal-content strong,
[data-bs-theme="dark"] .blog-modal-content em {
  color: #dee2e6 !important;
}

[data-bs-theme="dark"] .badge.bg-warning.text-dark {
  color: #1a202c !important;
}

/* Fix CV Template card text visibility in dark mode (keeps dark text on white cards with high specificity) */
[data-bs-theme="dark"] .template-card h1,
[data-bs-theme="dark"] .template-card h2,
[data-bs-theme="dark"] .template-card h3,
[data-bs-theme="dark"] .template-card h4,
[data-bs-theme="dark"] .template-card h5,
[data-bs-theme="dark"] .template-card h6,
[data-bs-theme="dark"] .template-card p,
[data-bs-theme="dark"] .template-card span,
[data-bs-theme="dark"] .template-card div,
[data-bs-theme="dark"] .template-card .text-dark,
[data-bs-theme="dark"] .template-card .fw-bold,
[data-bs-theme="dark"] .template-card .card-body h5.text-dark,
[data-bs-theme="dark"] .template-card .card-body h5,
[data-bs-theme="dark"] .template-card .card-body h6,
[data-bs-theme="dark"] .template-card .card-body .text-dark {
  color: #212529 !important;
}

[data-bs-theme="dark"] .template-card .text-muted,
[data-bs-theme="dark"] .template-card p.text-muted,
[data-bs-theme="dark"] .template-card .small,
[data-bs-theme="dark"] .template-card .card-body .text-muted,
[data-bs-theme="dark"] .template-card .card-body p {
  color: #6c757d !important;
}

/* ==========================================================
   TỐI ƯU GIAO DIỆN TRANG TALENT (ỨNG VIÊN) TRONG CHẾ ĐỘ DARK MODE
   ========================================================== */
[data-bs-theme="dark"] .search-glass {
  background: rgba(30, 41, 59, 0.7) !important; /* Slate-800 bán trong suốt */
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 20px 50px -12px rgba(0, 0, 0, 0.5) !important;
}

[data-bs-theme="dark"] .input-wrapper {
  background: #1a1d20 !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .input-wrapper input {
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .input-wrapper i {
  color: #94a3b8 !important;
}

[data-bs-theme="dark"] .candidate-card {
  background-color: #1a1d20 !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .candidate-card .card-title {
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .candidate-card .card-bio {
  color: #adb5bd !important;
}

[data-bs-theme="dark"] .candidate-card .skill-pill {
  background-color: #2b3035 !important;
  color: #dee2e6 !important;
  border-color: #3a3f44 !important;
}

[data-bs-theme="dark"] .candidate-card:hover .skill-pill {
  background-color: #343a40 !important;
}

[data-bs-theme="dark"] .candidate-card .skill-pill:hover {
  background-color: var(--primary) !important;
  color: white !important;
}

[data-bs-theme="dark"] .btn-bookmark-quick {
  background: #2b3035 !important;
  border-color: #3a3f44 !important;
  color: #adb5bd !important;
}

[data-bs-theme="dark"] .btn-bookmark-quick:hover {
  background: #fee2e2 !important;
  color: var(--accent) !important;
}

[data-bs-theme="dark"] .btn-bookmark-quick.active {
  background: var(--accent) !important;
  color: white !important;
  border-color: var(--accent) !important;
}

[data-bs-theme="dark"] .btn-outline-premium {
  border-color: #818cf8 !important;
  color: #818cf8 !important;
}

[data-bs-theme="dark"] .btn-outline-premium:hover {
  background: #818cf8 !important;
  color: white !important;
}

/* Sidebar và danh sách đã lưu */
[data-bs-theme="dark"] .glass-sidebar {
  background-color: #1a1d20 !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .sidebar-head {
  background: linear-gradient(to right, #212529, #1a1d20) !important;
  border-bottom: 1px solid #2b3035 !important;
}

[data-bs-theme="dark"] .sidebar-head h5 {
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .saved-item {
  border-bottom-color: #2b3035 !important;
}

[data-bs-theme="dark"] .saved-item:hover {
  background-color: #2b3035 !important;
}

[data-bs-theme="dark"] .saved-item h6 {
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .empty-icon {
  background-color: #2b3035 !important;
  color: #94a3b8 !important;
}

/* Tối ưu hóa modal chi tiết ứng viên */
[data-bs-theme="dark"] #talentDetailContent div[style*="background: #f8fafc"] {
  background-color: #1a1d20 !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .info-card {
  background-color: #1a1d20 !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .info-card h6,
[data-bs-theme="dark"] .info-card div {
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .info-card .text-muted {
  color: #94a3b8 !important;
}

[data-bs-theme="dark"] .skill-tag {
  background-color: #2b3035 !important;
  border-color: #3a3f44 !important;
  color: #dee2e6 !important;
}

[data-bs-theme="dark"] .skill-tag:hover {
  background-color: #4f46e5 !important;
  color: white !important;
}

[data-bs-theme="dark"] .cv-premium-card {
  background-color: #1a1d20 !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .cv-premium-card:hover {
  background-color: #2b3035 !important;
  border-color: #818cf8 !important;
}

[data-bs-theme="dark"] .cv-premium-card h6 {
  color: #f8f9fa !important;
}

/* ==========================================================
   TỐI ƯU GIAO DIỆN TRANG UPGRADE (NÂNG CẤP) TRONG CHẾ ĐỘ DARK MODE
   ========================================================== */
[data-bs-theme="dark"] .upgrade-container {
  background-color: #0f172a !important; /* Nền xanh tối sâu cao cấp */
}

[data-bs-theme="dark"] .upgrade-header {
  background: linear-gradient(135deg, #1e1b4b 0%, #311084 100%) !important; /* Header chuyển màu huyền ảo */
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

[data-bs-theme="dark"] .plan-card:not(.pro-featured) {
  background-color: #1e293b !important; /* Thẻ dịch vụ miễn phí dạng Slate dark */
  border: 1px solid #334155 !important;
}

[data-bs-theme="dark"] .plan-card:not(.pro-featured) .card-title,
[data-bs-theme="dark"] .plan-card:not(.pro-featured) .h1,
[data-bs-theme="dark"] .plan-card:not(.pro-featured) span:not(.badge) {
  color: #f8fafc !important;
}

[data-bs-theme="dark"] .plan-card:not(.pro-featured) .text-muted,
[data-bs-theme="dark"] .plan-card:not(.pro-featured) .badge.text-muted {
  color: #94a3b8 !important;
}

[data-bs-theme="dark"] .plan-card:not(.pro-featured) li {
  color: #cbd5e1 !important;
}

[data-bs-theme="dark"] .plan-card:not(.pro-featured) .btn-outline-secondary {
  border-color: #475569 !important;
  color: #94a3b8 !important;
}

/* ==========================================================
   TỐI ƯU GIAO DIỆN TRÌNH BIÊN TẬP CV RAZOR TRONG CHẾ ĐỘ DARK MODE
   ========================================================== */
[data-bs-theme="dark"] .resume-container {
  background: #0f172a !important;
}

[data-bs-theme="dark"] .editor-column {
  background-color: #1a1d20 !important; /* Xám đen sâu lắng */
  border-right-color: #2b3035 !important;
}

[data-bs-theme="dark"] .editor-column h3,
[data-bs-theme="dark"] .editor-column h4,
[data-bs-theme="dark"] .editor-column h5,
[data-bs-theme="dark"] .editor-column h6,
[data-bs-theme="dark"] .editor-column .form-label {
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .form-section {
  background-color: #212529 !important; /* Đen nhạt */
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .editor-column .form-control {
  background-color: #1a1d20 !important;
  border-color: #2b3035 !important;
  color: #f8f9fa !important;
}

[data-bs-theme="dark"] .editor-column .form-control:focus {
  background-color: #1a1d20 !important;
  border-color: #818cf8 !important;
  color: #f8f9fa !important;
  box-shadow: 0 0 0 4px rgba(129, 140, 248, 0.25) !important;
}

[data-bs-theme="dark"] .dynamic-item {
  background-color: #1a1d20 !important;
  border-color: #2b3035 !important;
}

[data-bs-theme="dark"] .editor-column .card {
  background-color: #212529 !important;
  border: 1px solid #2b3035 !important;
}

[data-bs-theme="dark"] .editor-column .card-header {
  background-color: #212529 !important;
  border-bottom: 1px solid #2b3035 !important;
}

[data-bs-theme="dark"] .editor-column .bg-light {
  background-color: #1a1d20 !important;
}

[data-bs-theme="dark"] .editor-column .text-muted {
  color: #94a3b8 !important;
}

[data-bs-theme="dark"] .editor-column input::placeholder,
[data-bs-theme="dark"] .editor-column textarea::placeholder {
  color: #64748b !important;
}