/* Dark Mode Styles - بدون تغییر در استایل‌های اصلی */
[data-theme="dark"],
[data-theme="dark"] body {
  background-color: #0f172a !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"] .panel-wrapper {
  background-color: #0f172a !important;
}

[data-theme="dark"] .main-area {
  background-color: #0f172a !important;
}

[data-theme="dark"] .sidebar {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
  border-left: 1px solid #334155 !important;
}

[data-theme="dark"] .sidebar-title {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .sidebar-title span {
  color: #94a3b8 !important;
}

[data-theme="dark"] .sidebar-menu a {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .sidebar-menu a:hover {
  background-color: #334155 !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"] .sidebar-menu li.active a {
  background-color: #facc15 !important;
  color: #0f172a !important;
}

[data-theme="dark"] hr {
  background-color: #334155 !important;
}

[data-theme="dark"] .panel-header {
  background-color: #1e293b !important;
  border-bottom: 1px solid #334155 !important;
}

[data-theme="dark"] .page-title {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .icon-btn {
  background-color: #334155 !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"] .icon-btn:hover {
  background-color: #facc15 !important;
  color: #0f172a !important;
}

[data-theme="dark"] .profile {
  background-color: #334155 !important;
}

[data-theme="dark"] .profile-info .name {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .profile-info .role {
  color: #94a3b8 !important;
}

[data-theme="dark"] .form-card {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
  border: 1px solid #334155 !important;
}

[data-theme="dark"] .page-header h3 {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .version {
  color: #94a3b8 !important;
}

[data-theme="dark"] label {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .form-control {
  background-color: #334155 !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

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

[data-theme="dark"] .form-control:focus {
  background-color: #334155 !important;
  border-color: #facc15 !important;
  color: #f1f5f9 !important;
}

[data-theme="dark"] .form-control.highlight {
  background-color: #334155 !important;
  border-color: #facc15 !important;
}

[data-theme="dark"] .form-control.error {
  border-color: #ff383c !important;
}

[data-theme="dark"] .error-text {
  color: #ff383c !important;
}

[data-theme="dark"] .submit-btn {
  background-color: #334155 !important;
  color: #f1f5f9 !important;
  border: 1px solid #475569 !important;
}

[data-theme="dark"] .submit-btn:hover {
  background-color: #475569 !important;
}

/* حفظ رنگ‌های اصلی */
[data-theme="dark"] .primary {
  color: #facc15 !important;
}

[data-theme="dark"] .danger {
  color: #ff383c !important;
}
/* استایل‌های اضافی برای صفحه لاگین در حالت دارک */
[data-theme="dark"] .login-wrapper {
  background-color: #0f172a !important;
}

[data-theme="dark"] .login-card {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
  border: 1px solid #334155 !important;
}

[data-theme="dark"] .title {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .subtitle {
  color: #94a3b8 !important;
}

[data-theme="dark"] .form-group label {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .form-control {
  background-color: #334155 !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

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

[data-theme="dark"] .login-btn {
  background-color: #334155 !important;
  color: #f1f5f9 !important;
  border: 1px solid #475569 !important;
}

[data-theme="dark"] .login-btn:hover {
  background-color: #475569 !important;
}

[data-theme="dark"] .toggle-password {
  color: #94a3b8 !important;
}

[data-theme="dark"] .icon-box {
  background-color: #334155 !important;
  color: #facc15 !important;
}

[data-theme="dark"] .btn-close { filter: invert(1) grayscale(100%); }