/* ============================================================================
   Light-shell button contrast - loaded last to beat legacy dark-panel styles
   ============================================================================ */

html[data-theme="light"] .potion-belt-panel .btn.btn-primary,
html[data-theme="light"] .potion-belt-panel .btn.btn-primary:disabled {
  border: 2px solid var(--color-border) !important;
}

html[data-theme="light"] .potion-belt-panel .btn.btn-primary:disabled {
  background: #e5e7eb !important;
  color: var(--color-text) !important;
}
html[data-theme="light"] .student-shop-panel .btn.btn-secondary,
html[data-theme="light"] .spellbook-panel .btn.btn-secondary,
html[data-theme="light"] .product-analytics-page .btn.btn-secondary,
html[data-theme="light"] .data-management-modal .btn.btn-secondary,
html[data-theme="light"] .custom-modal .btn.btn-secondary,
html[data-theme="light"] .modal .btn.btn-secondary,
html[data-theme="light"] .give-award-panel .btn.btn-secondary,
html[data-theme="light"] .give-reward-panel .btn.btn-secondary,
html[data-theme="light"] .edit-stats-panel .btn.btn-secondary,
html[data-theme="light"] .tool-light-shell .btn.btn-secondary,
html[data-theme="light"] .timer-stopwatch-panel .btn.btn-secondary,
html[data-theme="light"] .dice-roller-panel .btn.btn-secondary,
html[data-theme="light"] .noise-tracker-panel .btn.btn-secondary,
html[data-theme="light"] .randomizer-panel .btn.btn-secondary,
html[data-theme="light"] .activity-center-panel .btn.btn-secondary,
html[data-theme="light"] .inspiration-modal .btn.btn-secondary,
html[data-theme="light"] .student-campaigns-modal .btn.btn-secondary,
html[data-theme="light"] .pet-quests-modal .btn.btn-secondary,
html[data-theme="light"] .adventure-overlay .btn.btn-secondary,
html[data-theme="light"] .raids-white-theme .btn.btn-secondary,
html[data-theme="light"] .student-management-modal .btn.btn-secondary,
html[data-theme="light"] .form-actions .btn.btn-secondary {
  background: var(--color-surface) !important;
  color: var(--color-text) !important;
  border: 2px solid var(--color-border) !important;
}

html[data-theme="light"] .student-shop-panel .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .spellbook-panel .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .product-analytics-page .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .data-management-modal .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .custom-modal .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .modal .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .give-award-panel .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .give-reward-panel .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .edit-stats-panel .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .tool-light-shell .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .timer-stopwatch-panel .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .dice-roller-panel .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .noise-tracker-panel .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .randomizer-panel .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .activity-center-panel .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .inspiration-modal .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .student-campaigns-modal .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .pet-quests-modal .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .adventure-overlay .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .raids-white-theme .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .student-management-modal .btn.btn-secondary:hover:not(:disabled),
html[data-theme="light"] .form-actions .btn.btn-secondary:hover:not(:disabled) {
  background: var(--color-brand-hover-bg) !important;
  color: var(--color-text) !important;
  border-color: var(--color-primary) !important;
}

html[data-theme="light"] .data-management-modal .back-btn,
html[data-theme="light"] .product-analytics-page .back-btn {
  background: var(--color-background-alt) !important;
  color: var(--color-text) !important;
  border: 2px solid var(--color-border) !important;
}

html[data-theme="light"] .data-management-modal .back-btn:hover,
html[data-theme="light"] .product-analytics-page .back-btn:hover {
  background: var(--color-brand-hover-bg) !important;
  color: var(--color-text) !important;
  border-color: var(--color-primary) !important;
}

html[data-theme="light"] .student-shop-panel .btn.btn-primary,
html[data-theme="light"] .product-analytics-page .btn.btn-primary,
html[data-theme="light"] .data-management-modal .btn.btn-primary,
html[data-theme="light"] .custom-modal .btn.btn-primary,
html[data-theme="light"] .modal .btn.btn-primary {
  background: var(--color-primary) !important;
  color: var(--color-on-primary) !important;
  border-color: transparent !important;
}