/* Dark theme fixes for MediaCMS edit/settings pages */

/* Form group containers - override inline style background: #f8f9fa */
body.dark_theme .form-group {
  background: #1e1e1e !important;
  border-color: #333 !important;
}

/* Labels */
body.dark_theme .control-label {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Help text */
body.dark_theme .help-text-inline {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Input fields - override inline style background: white */
body.dark_theme .controls input:not([type="checkbox"]):not([type="radio"]),
body.dark_theme .controls select,
body.dark_theme .controls textarea {
  background: #2a2a2a !important;
  color: rgba(255, 255, 255, 0.88) !important;
  border-color: #444 !important;
}

body.dark_theme .controls select option {
  background-color: #2a2a2a !important;
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Checkbox labels */
body.dark_theme .controls label,
body.dark_theme .form-group label {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* The outer form container with inline box-shadow */
body.dark_theme .user-action-form-wrap > div[style*="box-shadow"] {
  background-color: #121212 !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.4) !important;
}

/* Media edit nav bar - override inline background-color: #f0f0f0 */
body.dark_theme .media-edit-nav {
  background-color: #1a1a1a !important;
}
body.dark_theme .media-edit-nav a {
  color: #ccc !important;
}
body.dark_theme .media-edit-nav a[style*="font-weight: bold"] {
  color: #fff !important;
}

/* Login form on server-rendered pages */
body.dark_theme .user-action-form-inner {
  background-color: var(--user-action-form-inner-bg-color) !important;
}
body.dark_theme .user-action-form-inner label {
  color: rgba(255, 255, 255, 0.88) !important;
}
body.dark_theme .user-action-form-inner input {
  background-color: var(--user-action-form-inner-input-bg-color) !important;
  color: var(--user-action-form-inner-input-text-color) !important;
  border-color: var(--user-action-form-inner-input-border-color) !important;
}

/* Placeholder text */
body.dark_theme input::placeholder,
body.dark_theme textarea::placeholder {
  color: rgba(255, 255, 255, 0.35) !important;
}