/* Development CSS for urgent fixes */

/* CHECKBOX FIXES FOR NOTIFICATION SETTINGS */
.notification-settings .form-check-input,
.privacy-settings .form-check-input {
    margin-left: 0 !important; /* Override Bootstrap's negative margin */
    margin-top: 0.125rem;
    border: 2px solid #6c757d;
    background-color: #ffffff;
    opacity: 1;
}

.notification-settings .form-check-input:checked,
.privacy-settings .form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.notification-settings .form-check-input:focus,
.privacy-settings .form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Better visual separation for dual reminder sections */
#reminder-settings {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1rem;
    background-color: #f8f9fa;
}

#reminder-settings h6 {
    color: #495057;
    font-weight: 600;
}

/* iOS-style Time Wheel Picker */
.time-wheel-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 0;
}

.time-wheel {
    background: #ffffff;
    border: 2px solid #e9ecef;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    min-width: 80px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.75rem center;
    background-repeat: no-repeat;
    background-size: 1rem;
    padding-right: 2.5rem;
  color: #495057; 
}

.time-wheel:focus {
    outline: none;
    border-color: #0d6efd;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.time-wheel:hover {
    border-color: #0d6efd;
    background-color: #f8f9ff;
}

.time-wheel-label {
    font-size: 0.9rem;
    color: #6c757d;
    font-weight: 500;
    margin-left: 0.25rem;
}

.time-display {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    background: #f8f9fa;
    border-radius: 8px;
    margin-top: 0.5rem;
    font-family: 'Courier New', monospace;
    font-size: 1.1rem;
    font-weight: 600;
    color: #495057;
}

.time-colon {
    font-size: 1.2rem;
    font-weight: bold;
    color: #6c757d;
}

/* BRIGHT MODE TEXT CONTRAST FIXES */

/* REVAMPED GOALS THEME STYLING */

/* Goals page bright theme styling using theme colors */
.bright-goals-theme {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  min-height: 100vh;
  padding-bottom: 2rem;
}

/* Header Section */
.goals-page-title {
  color: var(--text-primary);
  font-weight: 700;
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}

.goals-subtitle {
  font-size: 1.1rem;
  opacity: 0.8;
}

.goals-add-btn {
  background: linear-gradient(135deg, #6a5acd, #8a2be2);
  border: none;
  color: white;
  font-weight: 600;
  padding: 0.75rem 2rem;
  border-radius: 50px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(106, 90, 205, 0.3);
}

.goals-add-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(106, 90, 205, 0.4);
  background: linear-gradient(135deg, #5a4abd, #7a1bd2);
}

/* Main Goal Section */
.main-goal-container {
  position: relative;
}

.main-goal-header {
  display: flex;
  justify-content: between;
  align-items: center;
  flex-wrap: wrap;
}

.main-goal-title {
  color: var(--text-primary);
  font-weight: 700;
  font-size: 2rem;
  margin: 0;
}

.main-goal-badge {
  background: linear-gradient(135deg, #ff6b6b, #ee5a24);
  color: white;
  padding: 0.5rem 1.5rem;
  border-radius: 50px;
  font-weight: 600;
  font-size: 0.9rem;
  box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);
  margin: 0 10px;
}

.theme-light .main-goal-badge {
  color: #fff;
}

.main-goal-card {
  background: linear-gradient(135deg, var(--card-bg) 0%, rgba(106, 90, 205, 0.05) 100%);
  border: 3px solid rgba(106, 90, 205, 0.2);
  border-radius: 20px;
  padding: 2rem;
  box-shadow: 0 10px 30px rgba(106, 90, 205, 0.1);
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.main-goal-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #6a5acd, #8a2be2, #ff6b6b);
}

.main-goal-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(106, 90, 205, 0.2);
  border-color: rgba(106, 90, 205, 0.4);
}

.main-goal-name {
  color: var(--text-primary);
  font-weight: 700;
  font-size: 1.84rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.main-goal-description {
  color: var(--text-secondary);
  font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
}

.main-goal-meta {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.goal-category-tag, .goal-date-tag {
  display: inline-flex;
  align-items: center;
  padding: 0.5rem 1rem;
  border-radius: 50px;
  font-size: 0.9rem;
  font-weight: 500;
}

.goal-category-tag {
  background: var(--surface-bg);
  border: 2px solid var(--border-color);
  color: var(--text-primary);
}

.goal-date-tag {
  background: linear-gradient(135deg, rgba(40, 167, 69, 0.1), rgba(40, 167, 69, 0.05));
  border: 2px solid rgba(40, 167, 69, 0.3);
  color: #28a745;
}

/* Goal Prize Section */
.goal-prize-section {
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.1), rgba(255, 193, 7, 0.05));
  border: 2px solid rgba(255, 193, 7, 0.3);
  border-radius: 15px;
  padding: 1.5rem;
  text-align: center;
}

.prize-title {
  color: #ffc107;
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}

.prize-content {
  color: var(--text-primary);
  font-size: 1rem;
  line-height: 1.5;
  font-style: italic;
}

.main-goal-actions {
  display: flex;
  gap: 1rem;
}

/* No Main Goal Card */
.no-main-goal-card {
  background: linear-gradient(135deg, var(--card-bg) 0%, rgba(108, 117, 125, 0.05) 100%);
  border: 2px dashed var(--border-color);
  border-radius: 20px;
  transition: all 0.3s ease;
}

.no-main-goal-card:hover {
  border-color: rgba(106, 90, 205, 0.5);
  background: linear-gradient(135deg, var(--card-bg) 0%, rgba(106, 90, 205, 0.02) 100%);
}

.goals-empty-icon {
  font-size: 4rem;
  color: #6c757d;
  opacity: 0.7;
}

/* Secondary Goals Section */
.secondary-goals-title {
  color: var(--text-primary);
  font-weight: 600;
  font-size: 1.8rem;
}

.category-section {
  margin-bottom: 2rem;
}

.category-header {
  display: flex;
  justify-content: between;
  align-items: center;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
  background: var(--surface-bg);
  border: 1px solid var(--border-color);
  border-radius: 15px;
}

.category-title {
  color: var(--text-primary);
  font-weight: 600;
  font-size: 1.3rem;
  margin: 0;
  display: flex;
  align-items: center;
}

.category-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 1rem;
  font-size: 1.2rem;
}

.category-count {
  background: linear-gradient(135deg, #6a5acd, #8a2be2);
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 600;
  margin: 0 10px;
}
.theme-light .category-count{
  color:#fff;
}

/* Category Colors */
.theme-light .category-health { 
  background: linear-gradient(135deg, #ff6b6b, #ee5a24); 
  color: white; 
}
.theme-light .category-career { 
  background: linear-gradient(135deg, #4834d4, #686de0); 
  color: white; 
}
.theme-light .category-personal { 
  background: linear-gradient(135deg, #6c5ce7, #a29bfe); 
  color: white; 
}
.theme-light .category-relationships { 
  background: linear-gradient(135deg, #fd79a8, #e84393); 
  color: white; 
}
.theme-light .category-finance { 
  background: linear-gradient(135deg, #00b894, #00cec9); 
  color: white; 
}
.theme-light .category-education { 
  background: linear-gradient(135deg, #fdcb6e, #e17055); 
  color: white; 
}
.theme-light .category-hobby { 
  background: linear-gradient(135deg, #fd79a8, #fdcb6e); 
  color: white; 
}
.theme-light .category-travel { 
  background: linear-gradient(135deg, #74b9ff, #0984e3); 
  color: white; 
}
.theme-light .category-family { 
  background: linear-gradient(135deg, #55a3ff, #2d3436); 
  color: white; 
}
.theme-light .category-spiritual { 
  background: linear-gradient(135deg, #a29bfe, #6c5ce7); 
  color: white; 
}

/* Secondary Goal Cards */
.secondary-goal-card {
  background: var(--card-bg);
  border: 2px solid var(--border-color);
  border-radius: 15px;
  transition: all 0.3s ease;
  overflow: hidden;
  height: 100%;
}

.secondary-goal-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  border-color: rgba(106, 90, 205, 0.3);
}

.goal-card-body {
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.goal-card-title {
  color: var(--text-primary);
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 0.75rem;
  line-height: 1.3;
}

.goal-card-description {
  color: var(--text-secondary);
  font-size: 0.95rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  flex-grow: 1;
}

.goal-card-date, .goal-card-prize {
  font-size: 0.85rem;
  margin-bottom: 0.5rem;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
  background: var(--surface-bg);
  border: 1px solid var(--border-color);
}

.goal-card-date {
  color: #28a745;
}

.goal-card-prize {
  color: #ffc107;
}

.goal-card-actions {
  display: flex;
  gap: 0.5rem;
  margin-top: auto;
}

/* Modal Styling */
.new-goal-modal, .edit-goal-modal {
  border: none;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.new-goal-modal-header, .edit-goal-modal-header {
  background: linear-gradient(135deg, #6a5acd, #8a2be2);
  color: white;
  border-bottom: none;
  border-radius: 20px 20px 0 0;
  padding: 1.5rem 2rem;
}

.new-goal-modal-title, .edit-goal-modal-title {
  font-weight: 600;
  font-size: 1.4rem;
}

.new-goal-modal-body, .edit-goal-modal-body {
  background: var(--card-bg);
  padding: 2rem;
  border-radius: 0 0 20px 20px;
}

.new-goal-form-label, .edit-goal-form-label {
  color: var(--text-primary);
  font-weight: 600;
  margin: 0 10px 0.5rem 10px;
}

.new-goal-form-control, .new-goal-form-select,
.edit-goal-form-control, .edit-goal-form-select {
  border: 2px solid var(--border-color);
  border-radius: 10px;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  background: var(--surface-bg);
  color: var(--text-primary);
  transition: all 0.3s ease;
}

.new-goal-form-control:focus, .new-goal-form-select:focus,
.edit-goal-form-control:focus, .edit-goal-form-select:focus {
  border-color: #6a5acd;
  box-shadow: 0 0 0 0.2rem rgba(106, 90, 205, 0.25);
}

.new-goal-submit-btn, .edit-goal-submit-btn {
  background: linear-gradient(135deg, #6a5acd, #8a2be2);
  border: none;
  color: white;
  font-weight: 600;
  padding: 0.75rem 2rem;
  border-radius: 50px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(106, 90, 205, 0.3);
}

.new-goal-submit-btn:hover, .edit-goal-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(106, 90, 205, 0.4);
  background: linear-gradient(135deg, #5a4abd, #7a1bd2);
}

/* No Goals Message */
.no-goals-message {
  background: var(--surface-bg);
  border: 2px dashed var(--border-color);
  border-radius: 15px;
  color: var(--text-secondary);
}

.bright-goals-theme .goals-page-title {
  color: var(--text-primary);
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.bright-goals-theme .goals-section-title {
  color: var(--text-primary);
  font-weight: 500;
  margin-bottom: 1rem;
}

.bright-goals-theme .goals-add-btn {
  background: linear-gradient(135deg, #6a5acd, #8a2be2);
  border: none;
  color: white;
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  border-radius: 0.75rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(106, 90, 205, 0.3);
}

.bright-goals-theme .goals-add-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(106, 90, 205, 0.4);
  background: linear-gradient(135deg, #5a4abd, #7a1bd2);
}

.bright-goals-theme .bright-goal-card {
  background-color: var(--card-bg);
  border: 2px solid var(--border-color);
  border-radius: 1rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}

.bright-goals-theme .bright-goal-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  border-color: rgba(106, 90, 205, 0.3);
}

.bright-goals-theme .bright-goal-card-body {
  background-color: var(--card-bg);
  color: var(--text-primary);
  padding: 1.5rem;
}

.bright-goals-theme .bright-goal-title {
  color: var(--text-primary);
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.bright-goals-theme .bright-goal-description {
  color: var(--text-secondary);
  line-height: 1.6;
  margin-bottom: 1rem;
}

.bright-goals-theme .bright-goal-target-date {
  color: var(--text-primary);
  font-size: 0.9rem;
  margin-bottom: 1rem;
  font-weight: 500;
}

.bright-goals-theme .bright-goal-progress {
  background-color: var(--surface-bg);
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  height: 2rem;
  overflow: hidden;
}

.bright-goals-theme .bright-goal-progress-bar {
  background: linear-gradient(135deg, #6a5acd, #8a2be2);
  color: white;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  transition: width 0.3s ease;
}

.bright-goals-theme .bright-goal-sub-title {
  color: var(--text-primary);
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.bright-goals-theme .bright-goal-sub-list {
  border: 1px solid var(--border-color);
  border-radius: 0.5rem;
  overflow: hidden;
}

.bright-goals-theme .bright-goal-sub-item {
  background-color: var(--surface-bg);
  border-color: var(--border-color);
  color: var(--text-primary);
  padding: 0.75rem 1rem;
}

.bright-goals-theme .bright-goal-sub-item:last-child {
  border-bottom: none;
}

.bright-goals-theme .bright-goal-badge {
  background: linear-gradient(135deg, #6a5acd, #8a2be2);
  color: white;
  font-size: 0.8rem;
  padding: 0.25rem 0.75rem;
}

.bright-goals-theme .bright-goal-actions {
  display: flex;
  gap: 0.75rem;
  margin-top: 1.5rem;
}

.bright-goals-theme .bright-goal-edit-btn {
  background: var(--surface-bg);
  border: 2px solid rgba(106, 90, 205, 0.3);
  color: #6a5acd;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

.bright-goals-theme .bright-goal-edit-btn:hover {
  background: rgba(106, 90, 205, 0.1);
  border-color: #6a5acd;
  color: #5a4abd;
  transform: translateY(-1px);
}

.bright-goals-theme .bright-goal-delete-btn {
  background: var(--surface-bg);
  border: 2px solid rgba(220, 53, 69, 0.3);
  color: #dc3545;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
}

.bright-goals-theme .bright-goal-delete-btn:hover {
  background: rgba(220, 53, 69, 0.1);
  border-color: #dc3545;
  color: #c82333;
  transform: translateY(-1px);
}

/* Modal styling for goals */
.bright-goal-modal {
  background-color: var(--card-bg);
  border: 2px solid var(--border-color);
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  z-index: 1055;
  position: relative;
}

/* CRITICAL: Fix modal backdrop and overlay issues */
.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1040;
  pointer-events: none;
}

.modal {
  z-index: 1050;
  pointer-events: none;
}

.modal-dialog {
  pointer-events: auto;
  z-index: 1060;
  position: relative;
}

.modal-content {
  pointer-events: auto;
  position: relative;
  z-index: 1070;
}

.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}

.modal.show .modal-dialog {
  transform: none;
}

/* Ensure modal is responsive and doesn't lock up */
.goals-page .modal-dialog {
  max-width: 90%;
  margin: 1rem auto;
}

@media (min-width: 576px) {
  .goals-page .modal-dialog {
    max-width: 500px;
  }
}

/* Fix page scrolling when modal is open */
body.modal-open {
  overflow: hidden;
  padding-right: 0;
}

/* Remove any conflicting overlay styles */
.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

/* Force modal content to be above everything */
.modal-header,
.modal-body,
.modal-footer {
  pointer-events: auto;
  position: relative;
  z-index: 1;
}

/* Ensure buttons and inputs work */
.modal button,
.modal input,
.modal textarea,
.modal select {
  pointer-events: auto;
  position: relative;
  z-index: 1;
}

.bright-goal-modal-header {
  background-color: var(--surface-bg);
  border-bottom: 2px solid var(--border-color);
  border-radius: 1rem 1rem 0 0;
  padding: 1.5rem;
}

.bright-goal-modal-title {
  color: var(--text-primary);
  font-weight: 600;
  font-size: 1.25rem;
  margin: 0;
}

.bright-goal-modal-close {
  color: var(--text-secondary);
  opacity: 0.7;
}

.bright-goal-modal-close:hover {
  color: var(--text-primary);
  opacity: 1;
}

.bright-goal-modal-body {
  background-color: var(--card-bg);
  color: var(--text-primary);
  padding: 1.5rem;
}

.bright-goal-form-label {
  color: var(--text-primary);
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.bright-goal-form-control {
  background-color: var(--surface-bg);
  border: 2px solid var(--border-color);
  color: var(--text-primary);
  border-radius: 0.5rem;
  padding: 0.75rem;
  transition: all 0.3s ease;
}

.bright-goal-form-control:focus {
  background-color: var(--surface-bg);
  border-color: #6a5acd;
  color: var(--text-primary);
  box-shadow: 0 0 0 0.2rem rgba(106, 90, 205, 0.25);
}

.bright-goal-form-select {
  background-color: var(--surface-bg);
  border: 2px solid var(--border-color);
  color: var(--text-primary);
  border-radius: 0.5rem;
  padding: 0.75rem;
  transition: all 0.3s ease;
}

.bright-goal-form-select:focus {
  background-color: var(--surface-bg);
  border-color: #6a5acd;
  color: var(--text-primary);
  box-shadow: 0 0 0 0.2rem rgba(106, 90, 205, 0.25);
}

.bright-goal-submit-btn {
  background: linear-gradient(135deg, #6a5acd, #8a2be2);
  border: none;
  color: white;
  font-weight: 500;
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(106, 90, 205, 0.3);
}

.bright-goal-submit-btn:hover {
  background: linear-gradient(135deg, #5a4abd, #7a1bd2);
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(106, 90, 205, 0.4);
}

/* Dark theme overrides for goals */
.theme-dark .bright-goals-theme {
  background-color: #1a1a2e;
  color: #e6e6e6;
}

.theme-dark .bright-goals-theme .bright-goal-card {
  background-color: #2d2d44;
  border-color: #404057;
  color: #e6e6e6;
}

.theme-dark .bright-goals-theme .bright-goal-card-body {
  background-color: #2d2d44;
  color: #e6e6e6;
}

.theme-dark .bright-goals-theme .bright-goal-title {
  color: #e6e6e6;
}

.theme-dark .bright-goals-theme .bright-goal-description {
  color: #b3b3b3;
}

.theme-dark .bright-goals-theme .bright-goal-target-date {
  color: #e6e6e6;
  font-weight: 500;
}

.theme-dark .bright-goals-theme .bright-goal-progress {
  background-color: #404057;
  border-color: #565670;
}

.theme-dark .bright-goals-theme .bright-goal-sub-item {
  background-color: #404057;
  border-color: #565670;
  color: #e6e6e6;
}

.theme-dark .bright-goals-theme .bright-goal-form-control {
  background-color: #404057;
  border-color: #565670;
  color: #e6e6e6;
}

.theme-dark .bright-goals-theme .bright-goal-form-control:focus {
  background-color: #404057;
  border-color: #6a5acd;
  color: #e6e6e6;
}

.theme-dark .bright-goals-theme .bright-goal-form-select {
  background-color: #404057;
  border-color: #565670;
  color: #e6e6e6;
}

.theme-dark .bright-goals-theme .bright-goal-form-select:focus {
  background-color: #404057;
  border-color: #6a5acd;
  color: #e6e6e6;
}

.theme-dark .bright-goal-modal {
  background-color: #2d2d44;
  border-color: #404057;
}

.theme-dark .bright-goal-modal-header {
  background-color: #404057;
  border-bottom-color: #565670;
}

.theme-dark .bright-goal-modal-title {
  color: #e6e6e6;
}

.theme-dark .bright-goal-modal-body {
  background-color: #2d2d44;
  color: #e6e6e6;
}

.theme-dark .bright-goal-form-label {
  color: #e6e6e6;
}

/* Blue theme overrides for goals */
.theme-blue .bright-goals-theme .goals-add-btn {
  background: linear-gradient(135deg, #007bff, #0056b3);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

.theme-blue .bright-goals-theme .goals-add-btn:hover {
  background: linear-gradient(135deg, #0056b3, #004085);
  box-shadow: 0 8px 20px rgba(0, 123, 255, 0.4);
}

.theme-blue .bright-goals-theme .bright-goal-progress-bar {
  background: linear-gradient(135deg, #007bff, #0056b3);
}

.theme-blue .bright-goals-theme .bright-goal-badge {
  background: linear-gradient(135deg, #007bff, #0056b3);
}

.theme-blue .bright-goals-theme .bright-goal-submit-btn {
  background: linear-gradient(135deg, #007bff, #0056b3);
  box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);
}

.theme-blue .bright-goals-theme .bright-goal-submit-btn:hover {
  background: linear-gradient(135deg, #0056b3, #004085);
  box-shadow: 0 8px 20px rgba(0, 123, 255, 0.4);
}

.theme-blue .bright-goals-theme .bright-goal-form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.theme-blue .bright-goals-theme .bright-goal-form-select:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.theme-blue .bright-goals-theme .bright-goal-edit-btn {
  border-color: rgba(0, 123, 255, 0.3);
  color: #007bff;
}

.theme-blue .bright-goals-theme .bright-goal-edit-btn:hover {
  background: rgba(0, 123, 255, 0.1);
  border-color: #007bff;
  color: #0056b3;
}

/* Green theme overrides for goals */
.theme-green .bright-goals-theme .goals-add-btn {
  background: linear-gradient(135deg, #28a745, #1e7e34);
  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.theme-green .bright-goals-theme .goals-add-btn:hover {
  background: linear-gradient(135deg, #1e7e34, #155724);
  box-shadow: 0 8px 20px rgba(40, 167, 69, 0.4);
}

.theme-green .bright-goals-theme .bright-goal-progress-bar {
  background: linear-gradient(135deg, #28a745, #1e7e34);
}

.theme-green .bright-goals-theme .bright-goal-badge {
  background: linear-gradient(135deg, #28a745, #1e7e34);
}

.theme-green .bright-goals-theme .bright-goal-submit-btn {
  background: linear-gradient(135deg, #28a745, #1e7e34);
  box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
}

.theme-green .bright-goals-theme .bright-goal-submit-btn:hover {
  background: linear-gradient(135deg, #1e7e34, #155724);
  box-shadow: 0 8px 20px rgba(40, 167, 69, 0.4);
}

.theme-green .bright-goals-theme .bright-goal-form-control:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.theme-green .bright-goals-theme .bright-goal-form-select:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.theme-green .bright-goals-theme .bright-goal-edit-btn {
  border-color: rgba(40, 167, 69, 0.3);
  color: #28a745;
}

.theme-green .bright-goals-theme .bright-goal-edit-btn:hover {
  background: rgba(40, 167, 69, 0.1);
  border-color: #28a745;
  color: #1e7e34;
}

/* Purple theme overrides for goals */
.theme-purple .bright-goals-theme .goals-add-btn {
  background: linear-gradient(135deg, #6f42c1, #5a2d91);
  box-shadow: 0 4px 12px rgba(111, 66, 193, 0.3);
}

.theme-purple .bright-goals-theme .goals-add-btn:hover {
  background: linear-gradient(135deg, #5a2d91, #432361);
  box-shadow: 0 8px 20px rgba(111, 66, 193, 0.4);
}

.theme-purple .bright-goals-theme .bright-goal-progress-bar {
  background: linear-gradient(135deg, #6f42c1, #5a2d91);
}

.theme-purple .bright-goals-theme .bright-goal-badge {
  background: linear-gradient(135deg, #6f42c1, #5a2d91);
}

.theme-purple .bright-goals-theme .bright-goal-submit-btn {
  background: linear-gradient(135deg, #6f42c1, #5a2d91);
  box-shadow: 0 4px 12px rgba(111, 66, 193, 0.3);
}

.theme-purple .bright-goals-theme .bright-goal-submit-btn:hover {
  background: linear-gradient(135deg, #5a2d91, #432361);
  box-shadow: 0 8px 20px rgba(111, 66, 193, 0.4);
}

.theme-purple .bright-goals-theme .bright-goal-form-control:focus {
  border-color: #6f42c1;
  box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
}

.theme-purple .bright-goals-theme .bright-goal-form-select:focus {
  border-color: #6f42c1;
  box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.25);
}

.theme-purple .bright-goals-theme .bright-goal-edit-btn {
  border-color: rgba(111, 66, 193, 0.3);
  color: #6f42c1;
}

.theme-purple .bright-goals-theme .bright-goal-edit-btn:hover {
  background: rgba(111, 66, 193, 0.1);
  border-color: #6f42c1;
  color: #5a2d91;
}

/* Blue theme target date */
.theme-blue .bright-goals-theme .bright-goal-target-date {
  color: var(--text-primary);
  font-weight: 500;
}

/* Green theme target date */
.theme-green .bright-goals-theme .bright-goal-target-date {
  color: var(--text-primary);
  font-weight: 500;
}

/* Purple theme target date */
.theme-purple .bright-goals-theme .bright-goal-target-date {
  color: var(--text-primary);
  font-weight: 500;
}

/* Light theme target date */
.theme-light .bright-goals-theme .bright-goal-target-date {
  color: var(--text-primary);
  font-weight: 500;
}

/* Modal backdrop fixes for all themes */
.theme-dark .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.7);
}

.theme-light .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.theme-blue .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.theme-green .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.theme-purple .modal-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

/* CRITICAL: Dashboard scroll protection - aggressive approach */
.dashboard-scroll-protection {
  position: relative;
}

/* Disable all interactive elements during scrolling */
.scrolling-active .dashboard-content a,
.scrolling-active .dashboard-content button,
.scrolling-active .dashboard-content .btn,
.scrolling-active .dashboard-content .card,
.scrolling-active .dashboard-content [onclick],
.scrolling-active .dashboard-content [href] {
  pointer-events: none;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* Remove hover effects during scrolling */
.scrolling-active .dashboard-content .card:hover,
.scrolling-active .dashboard-content .btn:hover,
.scrolling-active .dashboard-content a:hover {
  transform: none;
  background-color: inherit;
}

/* Prevent tap highlighting during scroll */
.dashboard-content a,
.dashboard-content button,
.dashboard-content .btn,
.dashboard-content .card {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  touch-action: manipulation;
}

/* Force minimum touch targets */
@media (max-width: 768px) {
  .dashboard-content .card {
    margin-bottom: 1rem;
    min-height: 44px;
  }
  
  .dashboard-content .btn {
    min-height: 44px;
    padding: 0.75rem 1rem;
  }
  
  .dashboard-content a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
}

/* Additional protection for known problem areas */
.dashboard-content .onboarding-card,
.dashboard-content .dashboard-card,
.dashboard-content .quick-action-card {
  position: relative;
}

.scrolling-active .dashboard-content .onboarding-card,
.scrolling-active .dashboard-content .dashboard-card,
.scrolling-active .dashboard-content .quick-action-card {
  pointer-events: none;
}

/* Onboarding checklist bright mode support */
.theme-light .onboarding-checklist-card {
  background: var(--card-bg);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  box-shadow: var(--shadow-md);
}

.theme-light .checklist-title h3 {
  color: var(--text-primary);
}

.theme-light .checklist-subtitle {
  color: var(--text-secondary);
}

.theme-light .checklist-item {
  background: var(--surface-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

.theme-light .item-title {
  color: var(--text-primary);
}

.theme-light .item-description {
  color: var(--text-secondary);
}

.theme-light .progress-text {
  color: var(--text-secondary);
}

/* Journal history page bright mode support with specific classes */
.theme-light .journal-history-page h1,
.theme-light .journal-history-page .h1-mb-4 {
  color: var(--text-primary);
}

.theme-light .journal-history-page .card,
.theme-light .journal-history-page .journal-entries-card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

.theme-light .journal-history-page .card-header,
.theme-light .journal-history-page .journal-card-header {
  background-color: var(--surface-bg);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-primary);
}

.theme-light .journal-history-page .card-header h5,
.theme-light .journal-history-page .journal-card-header h5 {
  color: var(--text-primary);
}

.theme-light .journal-history-page .card-body,
.theme-light .journal-history-page .journal-card-body {
  background-color: var(--card-bg);
  color: var(--text-primary);
}

.theme-light .journal-history-page .list-group-item {
  background-color: var(--surface-bg);
  border-color: var(--border-color);
  color: var(--text-primary);
}

.theme-light .journal-history-page .list-group-item:hover {
  background-color: var(--surface-bg);
  box-shadow: var(--shadow-sm);
}

.theme-light .journal-history-page .list-group-item h5 {
  color: var(--text-primary);
}

.theme-light .journal-history-page .list-group-item small {
  color: var(--text-secondary);
}

.theme-light .journal-history-page .text-muted {
  color: var(--text-muted);
}

.theme-light .journal-history-page .entry-details-btn {
  background-color: transparent;
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
}

.theme-light .journal-history-page .entry-details-btn:hover {
  background-color: rgba(139, 92, 246, 0.1);
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.theme-light .journal-history-page .journal-entry-details {
  background-color: var(--surface-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

.theme-light .journal-history-page .tab-navigation,
.theme-light .journal-history-page .navigation-mb-4 {
  background-color: var(--surface-bg);
  border: 1px solid var(--border-color);
}

.theme-light .journal-history-page .tab-navigation a,
.theme-light .journal-history-page .navigation-mb-4 a {
  color: var(--text-secondary);
}

.theme-light .journal-history-page .tab-navigation a.active,
.theme-light .journal-history-page .navigation-mb-4 a.active {
  background-color: var(--primary-color);
  color: white;
}

.theme-light .journal-history-page .btn-outline-primary {
  border-color: var(--primary-color);
  color: var(--primary-color);
  background-color: transparent;
}

.theme-light .journal-history-page .btn-outline-primary:hover {
  background-color: rgba(139, 92, 246, 0.1);
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.theme-light .journal-history-page .btn-outline-secondary {
  border-color: var(--border-color);
  color: var(--text-secondary);
  background-color: transparent;
}

.theme-light .journal-history-page .btn-outline-secondary:hover {
  background-color: var(--surface-bg);
  color: var(--text-primary);
  border-color: var(--border-color);
}

/* Force override the dark styles for all sidebar cards */
.theme-light .journal-history-page .col-md-4 .card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

.theme-light .journal-history-page .col-md-4 .card-header {
  background-color: var(--surface-bg);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-primary);
}

.theme-light .journal-history-page .col-md-4 .card-body {
  background-color: var(--card-bg);
  color: var(--text-primary);
}

.theme-light .journal-history-page .col-md-4 .card-title {
  color: var(--text-primary);
}

.theme-light .journal-history-page .col-md-4 .card-text {
  color: var(--text-secondary);
}

.theme-light .journal-history-page .col-md-4 p {
  color: var(--text-secondary);
}

.theme-light .journal-history-page .col-md-4 .btn {
  color: var(--text-primary);
}

.theme-light .journal-history-page .col-md-4 .btn i {
  color: var(--primary-color);
}

/* Enhanced padding and spacing for better layout */
.theme-light .journal-history-page,
.theme-dark .journal-history-page,
.theme-blue .journal-history-page,
.theme-green .journal-history-page,
.theme-purple .journal-history-page {
  color: var(--text-primary);
}

.theme-light .journal-history-page .card,
.theme-dark .journal-history-page .card,
.theme-blue .journal-history-page .card,
.theme-green .journal-history-page .card,
.theme-purple .journal-history-page .card {
  margin-bottom: 1.5rem;
  border-radius: 12px;
  box-shadow: var(--shadow-sm);
}

.theme-light .journal-history-page .card-body,
.theme-dark .journal-history-page .card-body,
.theme-blue .journal-history-page .card-body,
.theme-green .journal-history-page .card-body,
.theme-purple .journal-history-page .card-body {
  padding: 1.5rem;
}

.theme-light .journal-history-page .card-header,
.theme-dark .journal-history-page .card-header,
.theme-blue .journal-history-page .card-header,
.theme-green .journal-history-page .card-header,
.theme-purple .journal-history-page .card-header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--border-color);
}

/* Apply the same fixes to all other themes */
.theme-dark .journal-history-page,
.theme-blue .journal-history-page,
.theme-green .journal-history-page,
.theme-purple .journal-history-page {
  color: var(--text-primary);
}

.theme-dark .journal-history-page h1,
.theme-blue .journal-history-page h1,
.theme-green .journal-history-page h1,
.theme-purple .journal-history-page h1,
.theme-dark .journal-history-page .h1-mb-4,
.theme-blue .journal-history-page .h1-mb-4,
.theme-green .journal-history-page .h1-mb-4,
.theme-purple .journal-history-page .h1-mb-4 {
  color: var(--text-primary);
}

.theme-dark .journal-history-page .card,
.theme-blue .journal-history-page .card,
.theme-green .journal-history-page .card,
.theme-purple .journal-history-page .card,
.theme-dark .journal-history-page .journal-entries-card,
.theme-blue .journal-history-page .journal-entries-card,
.theme-green .journal-history-page .journal-entries-card,
.theme-purple .journal-history-page .journal-entries-card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

.theme-dark .journal-history-page .card-header,
.theme-blue .journal-history-page .card-header,
.theme-green .journal-history-page .card-header,
.theme-purple .journal-history-page .card-header,
.theme-dark .journal-history-page .journal-card-header,
.theme-blue .journal-history-page .journal-card-header,
.theme-green .journal-history-page .journal-card-header,
.theme-purple .journal-history-page .journal-card-header {
  background-color: var(--surface-bg);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-primary);
}

.theme-dark .journal-history-page .card-header h5,
.theme-blue .journal-history-page .card-header h5,
.theme-green .journal-history-page .card-header h5,
.theme-purple .journal-history-page .card-header h5,
.theme-dark .journal-history-page .journal-card-header h5,
.theme-blue .journal-history-page .journal-card-header h5,
.theme-green .journal-history-page .journal-card-header h5,
.theme-purple .journal-history-page .journal-card-header h5 {
  color: var(--text-primary);
}

.theme-dark .journal-history-page .card-body,
.theme-blue .journal-history-page .card-body,
.theme-green .journal-history-page .card-body,
.theme-purple .journal-history-page .card-body,
.theme-dark .journal-history-page .journal-card-body,
.theme-blue .journal-history-page .journal-card-body,
.theme-green .journal-history-page .journal-card-body,
.theme-purple .journal-history-page .journal-card-body {
  background-color: var(--card-bg);
  color: var(--text-primary);
}

.theme-dark .journal-history-page .col-md-4 .card,
.theme-blue .journal-history-page .col-md-4 .card,
.theme-green .journal-history-page .col-md-4 .card,
.theme-purple .journal-history-page .col-md-4 .card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

.theme-dark .journal-history-page .col-md-4 .card-header,
.theme-blue .journal-history-page .col-md-4 .card-header,
.theme-green .journal-history-page .col-md-4 .card-header,
.theme-purple .journal-history-page .col-md-4 .card-header {
  background-color: var(--surface-bg);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-primary);
}

.theme-dark .journal-history-page .col-md-4 .card-body,
.theme-blue .journal-history-page .col-md-4 .card-body,
.theme-green .journal-history-page .col-md-4 .card-body,
.theme-purple .journal-history-page .col-md-4 .card-body {
  background-color: var(--card-bg);
  color: var(--text-primary);
}

.theme-dark .journal-history-page .col-md-4 .card-title,
.theme-blue .journal-history-page .col-md-4 .card-title,
.theme-green .journal-history-page .col-md-4 .card-title,
.theme-purple .journal-history-page .col-md-4 .card-title {
  color: var(--text-primary);
}

.theme-dark .journal-history-page .col-md-4 .card-text,
.theme-blue .journal-history-page .col-md-4 .card-text,
.theme-green .journal-history-page .col-md-4 .card-text,
.theme-purple .journal-history-page .col-md-4 .card-text {
  color: var(--text-secondary);
}

.theme-dark .journal-history-page .col-md-4 p,
.theme-blue .journal-history-page .col-md-4 p,
.theme-green .journal-history-page .col-md-4 p,
.theme-purple .journal-history-page .col-md-4 p {
  color: var(--text-secondary);
}

.theme-dark .journal-history-page .tab-navigation,
.theme-blue .journal-history-page .tab-navigation,
.theme-green .journal-history-page .tab-navigation,
.theme-purple .journal-history-page .tab-navigation,
.theme-dark .journal-history-page .navigation-mb-4,
.theme-blue .journal-history-page .navigation-mb-4,
.theme-green .journal-history-page .navigation-mb-4,
.theme-purple .journal-history-page .navigation-mb-4 {
  background-color: var(--surface-bg);
  border: 1px solid var(--border-color);
}

.theme-dark .journal-history-page .tab-navigation a,
.theme-blue .journal-history-page .tab-navigation a,
.theme-green .journal-history-page .tab-navigation a,
.theme-purple .journal-history-page .tab-navigation a,
.theme-dark .journal-history-page .navigation-mb-4 a,
.theme-blue .journal-history-page .navigation-mb-4 a,
.theme-green .journal-history-page .navigation-mb-4 a,
.theme-purple .journal-history-page .navigation-mb-4 a {
  color: var(--text-secondary);
}

.theme-dark .journal-history-page .tab-navigation a.active,
.theme-blue .journal-history-page .tab-navigation a.active,
.theme-green .journal-history-page .tab-navigation a.active,
.theme-purple .journal-history-page .tab-navigation a.active,
.theme-dark .journal-history-page .navigation-mb-4 a.active,
.theme-blue .journal-history-page .navigation-mb-4 a.active,
.theme-green .journal-history-page .navigation-mb-4 a.active,
.theme-purple .journal-history-page .navigation-mb-4 a.active {
  background-color: var(--primary-color);
  color: white;
}

/* Highly specific selectors for all card colors - both templates */
.container.journal-history-page .row.journal-content-row .col-md-4 .card,
.container.journal-history-page .row.journal-content-row .col-md-8 .card.journal-entries-card,
.container.journal-history-page .row .col-md-4 .card,
.container.journal-history-page .row .col-md-8 .card.card-mb-4 {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

.container.journal-history-page .row.journal-content-row .col-md-4 .card .card-header,
.container.journal-history-page .row.journal-content-row .col-md-8 .card.journal-entries-card .card-header.journal-card-header,
.container.journal-history-page .row .col-md-4 .card .card-header,
.container.journal-history-page .row .col-md-8 .card.card-mb-4 .card-header {
  background-color: var(--surface-bg);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-primary);
}

.container.journal-history-page .row.journal-content-row .col-md-4 .card .card-body,
.container.journal-history-page .row.journal-content-row .col-md-8 .card.journal-entries-card .card-body.journal-card-body,
.container.journal-history-page .row .col-md-4 .card .card-body,
.container.journal-history-page .row .col-md-8 .card.card-mb-4 .card-body {
  background-color: var(--card-bg);
  color: var(--text-primary);
}

.theme-light .journal-history-page .card-title,
.theme-dark .journal-history-page .card-title,
.theme-blue .journal-history-page .card-title,
.theme-green .journal-history-page .card-title,
.theme-purple .journal-history-page .card-title {
  color: var(--text-primary);
}

.theme-light .journal-history-page .card-text,
.theme-dark .journal-history-page .card-text,
.theme-blue .journal-history-page .card-text,
.theme-green .journal-history-page .card-text,
.theme-purple .journal-history-page .card-text {
  color: var(--text-secondary);
}

.theme-light .journal-history-page h5,
.theme-dark .journal-history-page h5,
.theme-blue .journal-history-page h5,
.theme-green .journal-history-page h5,
.theme-purple .journal-history-page h5 {
  color: var(--text-primary);
}

.theme-light .journal-history-page p,
.theme-dark .journal-history-page p,
.theme-blue .journal-history-page p,
.theme-green .journal-history-page p,
.theme-purple .journal-history-page p {
  color: var(--text-secondary);
}

/* Ensure alert info has proper styling */
.theme-light .journal-history-page .alert-info,
.theme-dark .journal-history-page .alert-info,
.theme-blue .journal-history-page .alert-info,
.theme-green .journal-history-page .alert-info,
.theme-purple .journal-history-page .alert-info {
  background-color: #e1f5fe;
  border-color: #81d4fa;
  color: #0277bd;
}

.theme-light .journal-history-page .alert-info p,
.theme-dark .journal-history-page .alert-info p,
.theme-blue .journal-history-page .alert-info p,
.theme-green .journal-history-page .alert-info p,
.theme-purple .journal-history-page .alert-info p {
  color: #0277bd;
}

/* Dashboard onboarding text contrast fixes for all themes */
.theme-dark .onboarding-checklist-card,
.theme-blue .onboarding-checklist-card,
.theme-green .onboarding-checklist-card,
.theme-purple .onboarding-checklist-card {
  background: var(--card-bg);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

.theme-dark .checklist-title h3,
.theme-blue .checklist-title h3,
.theme-green .checklist-title h3,
.theme-purple .checklist-title h3 {
  color: var(--text-primary);
}

.theme-dark .checklist-subtitle,
.theme-blue .checklist-subtitle,
.theme-green .checklist-subtitle,
.theme-purple .checklist-subtitle {
  color: var(--text-secondary);
}

.theme-dark .checklist-item,
.theme-blue .checklist-item,
.theme-green .checklist-item,
.theme-purple .checklist-item {
  background: var(--surface-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

.theme-dark .item-title,
.theme-blue .item-title,
.theme-green .item-title,
.theme-purple .item-title {
  color: var(--text-primary);
}

.theme-dark .item-description,
.theme-blue .item-description,
.theme-green .item-description,
.theme-purple .item-description {
  color: var(--text-secondary);
}

.theme-dark .progress-text,
.theme-blue .progress-text,
.theme-green .progress-text,
.theme-purple .progress-text {
  color: var(--text-secondary);
}

/* Journal History Page - Complete Override of journal-module.css with theme-aware colors */

/* Fix page background and text colors for all themes */
.theme-light .journal-history-page,
.theme-dark .journal-history-page,
.theme-blue .journal-history-page,
.theme-green .journal-history-page,
.theme-purple .journal-history-page {
  background-color: var(--body-bg);
  color: var(--text-primary);
}

/* Override hardcoded white text in journal-module.css for page titles */
.theme-light .journal-history-page h1,
.theme-dark .journal-history-page h1,
.theme-blue .journal-history-page h1,
.theme-green .journal-history-page h1,
.theme-purple .journal-history-page h1 {
  color: var(--text-primary);
  margin-bottom: 1.5rem;
  font-size: 2rem;
  font-weight: 600;
}

/* Fix cards with theme-aware colors */
.theme-light .journal-history-page .card,
.theme-dark .journal-history-page .card,
.theme-blue .journal-history-page .card,
.theme-green .journal-history-page .card,
.theme-purple .journal-history-page .card {
  background-color: var(--card-bg);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  color: var(--text-primary);
}

/* Fix card headers with theme-aware colors */
.theme-light .journal-history-page .card-header,
.theme-dark .journal-history-page .card-header,
.theme-blue .journal-history-page .card-header,
.theme-green .journal-history-page .card-header,
.theme-purple .journal-history-page .card-header {
  background-color: var(--surface-bg);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-primary);
}

.theme-light .journal-history-page .card-header h5,
.theme-dark .journal-history-page .card-header h5,
.theme-blue .journal-history-page .card-header h5,
.theme-green .journal-history-page .card-header h5,
.theme-purple .journal-history-page .card-header h5 {
  color: var(--text-primary);
  font-weight: 600;
  margin: 0;
}

/* Fix card body with theme-aware colors */
.theme-light .journal-history-page .card-body,
.theme-dark .journal-history-page .card-body,
.theme-blue .journal-history-page .card-body,
.theme-green .journal-history-page .card-body,
.theme-purple .journal-history-page .card-body {
  background-color: var(--card-bg);
  color: var(--text-primary);
}

/* Fix list group items with theme-aware colors */
.theme-light .journal-history-page .list-group-item,
.theme-dark .journal-history-page .list-group-item,
.theme-blue .journal-history-page .list-group-item,
.theme-green .journal-history-page .list-group-item,
.theme-purple .journal-history-page .list-group-item {
  background-color: var(--surface-bg);
  border-color: var(--border-color);
  color: var(--text-primary);
  transition: background-color 0.2s;
}

.theme-light .journal-history-page .list-group-item:hover,
.theme-dark .journal-history-page .list-group-item:hover,
.theme-blue .journal-history-page .list-group-item:hover,
.theme-green .journal-history-page .list-group-item:hover,
.theme-purple .journal-history-page .list-group-item:hover {
  background-color: var(--body-bg);
}

/* Fix list group item headings with theme-aware colors */
.theme-light .journal-history-page .list-group-item h5,
.theme-dark .journal-history-page .list-group-item h5,
.theme-blue .journal-history-page .list-group-item h5,
.theme-green .journal-history-page .list-group-item h5,
.theme-purple .journal-history-page .list-group-item h5 {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 1.1rem;
}

/* Fix entry-response-count with theme-aware colors instead of hardcoded white */
.theme-light .journal-history-page .entry-response-count,
.theme-dark .journal-history-page .entry-response-count,
.theme-blue .journal-history-page .entry-response-count,
.theme-green .journal-history-page .entry-response-count,
.theme-purple .journal-history-page .entry-response-count {
  color: var(--text-secondary);
  font-size: 0.9rem;
}

/* Fix entry-date with theme-aware colors */
.theme-light .journal-history-page .entry-date,
.theme-dark .journal-history-page .entry-date,
.theme-blue .journal-history-page .entry-date,
.theme-green .journal-history-page .entry-date,
.theme-purple .journal-history-page .entry-date {
  color: var(--text-primary);
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

/* Fix entry-time with theme-aware colors */
.theme-light .journal-history-page .entry-time,
.theme-dark .journal-history-page .entry-time,
.theme-blue .journal-history-page .entry-time,
.theme-green .journal-history-page .entry-time,
.theme-purple .journal-history-page .entry-time {
  font-size: 0.9rem;
  color: var(--text-secondary);
  padding: 2px 6px;
  border-radius: 4px;
  background-color: var(--surface-bg);
}

/* Fix tab navigation with theme-aware colors */
.theme-light .journal-history-page .tab-navigation,
.theme-dark .journal-history-page .tab-navigation,
.theme-blue .journal-history-page .tab-navigation,
.theme-green .journal-history-page .tab-navigation,
.theme-purple .journal-history-page .tab-navigation {
  background-color: var(--surface-bg);
  border: 1px solid var(--border-color);
}

.theme-light .journal-history-page .tab-navigation a,
.theme-dark .journal-history-page .tab-navigation a,
.theme-blue .journal-history-page .tab-navigation a,
.theme-green .journal-history-page .tab-navigation a,
.theme-purple .journal-history-page .tab-navigation a {
  color: var(--text-secondary);
}

.theme-light .journal-history-page .tab-navigation a.active,
.theme-dark .journal-history-page .tab-navigation a.active,
.theme-blue .journal-history-page .tab-navigation a.active,
.theme-green .journal-history-page .tab-navigation a.active,
.theme-purple .journal-history-page .tab-navigation a.active {
  background-color: var(--primary-color);
  color: white;
}

.theme-light .journal-history-page .tab-navigation a:hover:not(.active),
.theme-dark .journal-history-page .tab-navigation a:hover:not(.active),
.theme-blue .journal-history-page .tab-navigation a:hover:not(.active),
.theme-green .journal-history-page .tab-navigation a:hover:not(.active),
.theme-purple .journal-history-page .tab-navigation a:hover:not(.active) {
  background-color: var(--body-bg);
  color: var(--text-primary);
}

/* Fix entry details text - remove hardcoded white text */
.theme-light .journal-history-page .entry-details .fw-bold,
.theme-dark .journal-history-page .entry-details .fw-bold,
.theme-blue .journal-history-page .entry-details .fw-bold,
.theme-green .journal-history-page .entry-details .fw-bold,
.theme-purple .journal-history-page .entry-details .fw-bold {
  color: var(--text-primary);
}

.theme-light .journal-history-page .entry-details p,
.theme-dark .journal-history-page .entry-details p,
.theme-blue .journal-history-page .entry-details p,
.theme-green .journal-history-page .entry-details p,
.theme-purple .journal-history-page .entry-details p {
  color: var(--text-secondary);
}

/* Ensure entry details are collapsed by default with higher specificity */
.journal-history-page .entry-details.journal-entry-details {
  display: none;
}

/* Use higher specificity selectors instead of !important */
.journal-history-page .entry-details.journal-entry-details.toggle-hidden {
  display: none;
}

.journal-history-page .entry-details.journal-entry-details.toggle-shown {
  display: block;
}

/* Additional dashboard text contrast fixes */
.theme-light .dashboard-section-title,
.theme-dark .dashboard-section-title,
.theme-blue .dashboard-section-title,
.theme-green .dashboard-section-title,
.theme-purple .dashboard-section-title {
  color: var(--text-primary);
}

.theme-light .entry-title,
.theme-dark .entry-title,
.theme-blue .entry-title,
.theme-green .entry-title,
.theme-purple .entry-title {
  color: var(--text-primary);
}

.theme-light .entry-content,
.theme-dark .entry-content,
.theme-blue .entry-content,
.theme-green .entry-content,
.theme-purple .entry-content {
  color: var(--text-secondary);
}

.theme-light .entry-date,
.theme-dark .entry-date,
.theme-blue .entry-date,
.theme-green .entry-date,
.theme-purple .entry-date {
  color: var(--text-secondary);
}

.theme-light .entry-time,
.theme-dark .entry-time,
.theme-blue .entry-time,
.theme-green .entry-time,
.theme-purple .entry-time {
  color: var(--text-muted);
}

/* Footer navigation active states with proper specificity */
.container .mobile-nav-footer .nav-action-link.active,
.theme-light .mobile-nav-footer .nav-action-link.active {
  color: #8b5cf6;
  background-color: rgba(139, 92, 246, 0.1);
  border-radius: 8px;
}

.container .mobile-nav-footer .nav-action-link.active i,
.theme-light .mobile-nav-footer .nav-action-link.active i {
  color: #8b5cf6;
}

.container .mobile-nav-footer .nav-action-link.active span,
.theme-light .mobile-nav-footer .nav-action-link.active span {
  color: #8b5cf6;
}

/* Coach icon visibility with proper specificity */
.container .mobile-nav-footer .nav-action-link.active .fa-comment-dots,
.theme-light .mobile-nav-footer .nav-action-link.active .fa-comment-dots {
  color: #8b5cf6;
}

/* Text contrast fixes for agent chat interface */
.container .chat-container h1,
.container .chat-container h2,
.container .chat-container h3,
.container .chat-container h4,
.container .chat-container h5,
.container .chat-container h6,
.theme-light .chat-container h1,
.theme-light .chat-container h2,
.theme-light .chat-container h3,
.theme-light .chat-container h4,
.theme-light .chat-container h5,
.theme-light .chat-container h6 {
  color: var(--text-primary);
}

.container .chat-container .text-muted,
.theme-light .chat-container .text-muted {
  color: var(--text-secondary);
}

.container .chat-container .small,
.theme-light .chat-container .small {
  color: var(--text-secondary);
}

.container .chat-container .list-group-item,
.theme-light .chat-container .list-group-item {
  color: var(--text-primary);
}

/* Fix message content contrast for all themes */
.ai-message .message-content {
  background-color: var(--card-bg) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

.user-message .message-content {
  background-color: #667eea !important;
  color: white !important;
}

.system-message .message-content {
  background-color: var(--card-bg) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-color) !important;
}

.message-content.error {
  background-color: #dc3545 !important;
  color: white !important;
}

/* Fix mic button in voice journal - remove white background and add border */
.mic-button {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border: 2px solid #ffffff;
  color: white;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

/* Enhanced hold-to-record toggle styling for better visual feedback */
.hold-to-record-toggle {
  width: 50px;
  height: 25px;
  background-color: #dee2e6;
  border-radius: 50px;
  position: relative;
  transition: all 0.3s ease;
  cursor: pointer;
  border: 2px solid #ced4da;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.hold-to-record-toggle:checked {
  background-color: #667eea;
  border-color: #667eea;
  box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
}

.hold-to-record-toggle:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.25);
}

.hold-to-record-toggle::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: white;
  transition: transform 0.3s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.hold-to-record-toggle:checked::before {
  transform: translateX(25px);
}

/* Recording mode selector styling */
.recording-mode-selector {
  background-color: rgba(102, 126, 234, 0.05);
  border: 1px solid rgba(102, 126, 234, 0.1);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
}

.recording-mode-selector h4 {
  color: #667eea;
  margin-bottom: 15px;
  font-weight: 600;
}

.recording-mode-selector .form-check {
  margin-bottom: 10px;
}

.recording-mode-selector .form-check-label {
  font-size: 16px;
  margin-left: 10px;
  cursor: pointer;
}

.recording-mode-selector .text-muted {
  font-size: 14px;
  line-height: 1.4;
}

/* Fix burger menu clickability - increase click area and improve hover */
.menu-toggle {
  padding: 15px;
  border-radius: 8px;
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
  z-index: 1000;
  min-width: 48px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-toggle:hover {
  background-color: rgba(139, 92, 246, 0.1);
  transform: scale(1.05);
}

.menu-toggle:active {
  transform: scale(0.95);
}

.menu-toggle i {
  font-size: 18px;
  color: #8b5cf6;
  transition: color 0.2s ease;
}

.menu-toggle:hover i {
  color: #7c3aed;
}

/* Fix side menu text color - ensure "Reflectify menu" is visible */
.side-menu-header h5 {
  color: #ffffff !important;
  font-weight: 600;
}

.side-menu-header {
  background-color: rgba(0, 0, 0, 0.3) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Hide pulse rings in hold-to-record mode to prevent interference */
.voice-journal-container[data-hold-to-record="true"] .pulse-rings {
  display: none !important;
}

/* Alternative approach - hide pulse rings when hold-to-record is active */
.hold-to-record-active .pulse-rings {
  display: none !important;
}

/* Fix Chrome autofill text contrast - ensure text remains visible */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-background-clip: text !important;
  background-color: transparent !important;
  caret-color: #ffffff !important;
}

/* Alternative approach for autofill styling */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #374151 inset !important;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
  background-color: #374151 !important;
}

/* Ensure autofill works on all input types */
input[type="text"]:-webkit-autofill,
input[type="email"]:-webkit-autofill,
input[type="password"]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #374151 inset !important;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
  background-color: #374151 !important;
  border-color: #8b5cf6 !important;
}

/* Fix focus state for autofilled inputs */
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 30px #374151 inset, 0 0 0 2px #8b5cf6 !important;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
}

.mic-button:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
  border-color: #f8f9fa;
  transform: translateY(-2px);
}

.mic-button:active {
  transform: translateY(0);
}

/* Voice journal interface text contrast fixes */
.container .voice-journal-container h2,
.container .voice-journal-container h3,
.container .voice-journal-container h4,
.container .voice-journal-container h5,
.container .voice-journal-container h6,
.theme-light .voice-journal-container h2,
.theme-light .voice-journal-container h3,
.theme-light .voice-journal-container h4,
.theme-light .voice-journal-container h5,
.theme-light .voice-journal-container h6 {
  color: var(--text-primary);
}

.container .voice-journal-container p,
.container .voice-journal-container span,
.container .voice-journal-container small,
.container .voice-journal-container .text-muted,
.theme-light .voice-journal-container p,
.theme-light .voice-journal-container span,
.theme-light .voice-journal-container small,
.theme-light .voice-journal-container .text-muted {
  color: var(--text-secondary);
}

.container .voice-journal-container .coach-details h5,
.theme-light .voice-journal-container .coach-details h5 {
  color: var(--text-primary);
}

.container .voice-journal-container .coach-details .status,
.theme-light .voice-journal-container .coach-details .status {
  color: var(--text-secondary);
}

.container .voice-journal-container .status-text,
.theme-light .voice-journal-container .status-text {
  color: var(--text-secondary);
}

.container .voice-journal-container .voice-commands-hint,
.theme-light .voice-journal-container .voice-commands-hint {
  color: var(--text-secondary);
}

/* Goals page modal overrides - prevent overlays */
.goals-page-loaded .modal-backdrop {
  display: none !important;
}

.goals-page-loaded.modal-open {
  overflow: auto !important;
  padding-right: 0 !important;
}

.goals-page-loaded .modal.show {
  background: rgba(0, 0, 0, 0.1);
}

/* Goals form disabled option styling */
.new-goal-form-select option:disabled {
  color: #6c757d;
  font-style: italic;
  background-color: #f8f9fa;
}

/* Goals modal scrolling fixes for mobile */
.goals-page-loaded .modal-dialog {
  max-height: 95vh;
  margin: 1rem;
  display: flex;
  flex-direction: column;
}

.goals-page-loaded .modal-content {
  max-height: 100%;
  display: flex;
  flex-direction: column;
}

.goals-page-loaded .modal-body {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 2rem;
  -webkit-overflow-scrolling: touch;
}

/* Extra bottom padding for mobile modal content */
@media (max-width: 768px) {
  .goals-page-loaded .modal-body {
    padding-bottom: 4rem;
    max-height: calc(100vh - 200px);
  }
  
  .goals-page-loaded .modal-dialog {
    margin: 0.5rem;
    max-height: calc(100vh - 1rem);
  }
}

/* Button contrast fixes for all themes */
.container .row .col .btn-primary,
.theme-light .btn-primary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: #667eea;
  color: white;
}

.container .row .col .btn-primary:hover,
.theme-light .btn-primary:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
  border-color: #5a6fd8;
  color: white;
}

.container .row .col .btn-outline-primary,
.theme-light .btn-outline-primary {
  color: #667eea;
  border-color: #667eea;
  background-color: transparent;
}

.container .row .col .btn-outline-primary:hover,
.theme-light .btn-outline-primary:hover {
  background-color: #667eea;
  border-color: #667eea;
  color: white;
}

/* Chat interface specific button fixes */
.chat-container .btn-outline-info {
  color: #17a2b8 !important;
  border-color: #17a2b8 !important;
  background-color: transparent !important;
}

.chat-container .btn-outline-info:hover {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
  color: white !important;
}

.chat-container .btn-outline-secondary {
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
  background-color: transparent !important;
}

.chat-container .btn-outline-secondary:hover {
  background-color: var(--text-primary) !important;
  border-color: var(--text-primary) !important;
  color: var(--bg-color) !important;
}

/* Input field contrast fixes */
.chat-input {
  background-color: var(--card-bg) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

.chat-input:focus {
  background-color: var(--card-bg) !important;
  color: var(--text-primary) !important;
  border-color: #667eea !important;
  box-shadow: 0 0 0 0.25rem rgba(102, 126, 234, 0.2) !important;
}

.chat-input::placeholder {
  color: var(--text-secondary) !important;
  opacity: 0.7 !important;
}

/* Send button specific fixes */
.send-button {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  border-color: #667eea !important;
  color: white !important;
}

.send-button:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%) !important;
  border-color: #5a6fd8 !important;
  color: white !important;
}

/* Voice button in chat */
.voice-button {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
  color: white !important;
}

.voice-button:hover {
  background-color: #138496 !important;
  border-color: #138496 !important;
  color: white !important;
}

.voice-button.btn-danger {
  background-color: #dc3545 !important;
  border-color: #dc3545 !important;
  color: white !important;
}

.voice-button.btn-danger:hover {
  background-color: #c82333 !important;
  border-color: #c82333 !important;
  color: white !important;
}

/* Dashboard text contrast fixes - Proper styling */
.dashboard-container h1,
.dashboard-container h2,
.dashboard-container h3,
.dashboard-container h4,
.dashboard-container h5,
.dashboard-container h6 {
  color: white !important;
}

.dashboard-container .brand-text {
  color: white !important;
}

.dashboard-container p,
.dashboard-container span,
.dashboard-container div {
  color: white !important;
}

.dashboard-container .card-body h1,
.dashboard-container .card-body h2,
.dashboard-container .card-body h3,
.dashboard-container .card-body h4,
.dashboard-container .card-body h5,
.dashboard-container .card-body h6,
.dashboard-container .card-body p,
.dashboard-container .card-body span,
.dashboard-container .card-body div {
  color: white !important;
}

.dashboard-container .card-title {
  color: white !important;
}

.dashboard-container .card-text {
  color: white !important;
}

.dashboard-container .text-muted {
  color: white !important;
}

/* Dashboard icons should be purple */
.dashboard-container .fas,
.dashboard-container .far,
.dashboard-container .fab {
  color: #7c4dff !important;
}

/* Instructions text should be white */
.dashboard-container .instructions-text {
  color: white;
}

/* Footer navigation contrast fixes */
.mobile-nav-footer {
  background-color: white;
  border-top: 1px solid #e9ecef;
}

.mobile-nav-footer .nav-action-link {
  color: #6c757d;
}

.mobile-nav-footer .nav-action-link:hover {
  color: #495057;
}

.mobile-nav-footer .nav-action-link i {
  color: #6c757d;
}

.mobile-nav-footer .nav-action-link span {
  color: #6c757d;
}

.mobile-nav-footer .nav-action-link:hover i {
  color: #495057 ;
}

.mobile-nav-footer .nav-action-link:hover span {
  color: #495057;
}

/* ===============================================
 * THEME EXTRACTION SYSTEM
 * ===============================================
 * This section contains theme-related elements that should be 
 * extracted to theme-system.css for better organization.
 * 
 * ELEMENTS TO EXTRACT:
 * 1. Dashboard text colors (light theme focus)
 * 2. Audio notes detail view styling (royal purple theme)
 * 3. Footer navigation styling (consistent bright styling)
 * 4. Agent chat interface colors
 * 5. Form and input styling
 * 6. Button hover states
 * 7. Card backgrounds and borders
 * 8. Text contrast fixes
 * 
 * EXTRACTION PRIORITY:
 * - Move light theme styles to theme-system.css first
 * - Then create theme-aware versions for other themes
 * - Use CSS variables for consistent theming
 * - Remove !important statements where possible
 * =============================================== */

/* Audio notes hub contrast fixes */
.notes-hub-container h1,
.notes-hub-container h2,
.notes-hub-container h3,
.notes-hub-container h4,
.notes-hub-container h5,
.notes-hub-container h6,
.notes-hub-container p,
.notes-hub-container span,
.notes-hub-container div {
  color: var(--text-primary) !important;
}

.notes-hub-container .audio-note-card {
  background-color: var(--card-bg) !important;
  border: 1px solid var(--border-color) !important;
}

.notes-hub-container .audio-note-card .audio-note-content {
  color: var(--text-primary);
}

.notes-hub-container .audio-note-card .transcript-content {
  color: var(--text-secondary);
}

.notes-hub-container .audio-note-card .note-meta {
  color: var(--text-secondary);
}

.notes-hub-container .audio-note-card .note-title {
  color: var(--text-primary);
}

.notes-hub-container .search-input {
  background-color: var(--card-bg);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

.notes-hub-container .search-input::placeholder {
  color: var(--text-secondary);
}

.notes-hub-container .btn-outline-primary {
  color: #667eea;
  border-color: #667eea;
  background-color: transparent;
}

.notes-hub-container .btn-outline-primary:hover {
  background-color: #667eea;
  border-color: #667eea;
  color: white;
}

/* Audio notes detail view - Specific styling as requested */
.deep-audio-note .audio-note-card {
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Purple background with white text for title and meta/date */
.deep-audio-note .card-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-bottom: 1px solid #e9ecef;
  color: white;
}

.deep-audio-note .card-header .note-title {
  color: white;
}

.deep-audio-note .card-header .text-muted {
  color: rgba(255, 255, 255, 0.8);
}

.deep-audio-note .card-header .btn {
  /*color: white;*/
  border-color: rgba(255, 255, 255, 0.5);
}

.deep-audio-note .card-header .btn:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border-color: white;
}
.privacy-footer{
  text-align:center;
}

/* Green audio badge styling - use high specificity to override bootstrap */
.container .row .col-md-12.deep-audio-note .card.audio-note-card .card-body .transcript-content .audio-type-badge.badge.bg-primary,
.container .row .col-md-12.deep-audio-note .card.audio-note-card .card-body .audio-note-content .audio-type-badge.badge.bg-primary {
  background-color: #28a745;
  color: white;
  border: none;
}

/* Audio type badge specific styling - very specific selector to override bootstrap */
.container .row .col-md-12.deep-audio-note .card.audio-note-card .card-body .transcription .audio-type-badge.badge.bg-primary {
  background-color: #28a745;
  color: white;
  border: none;
}

/* Audio section date/meta styling in header */
.deep-audio-note .card-header .text-muted,
.deep-audio-note .card-header small {
  color: rgba(255, 255, 255, 0.8);
}

/* Audio player section - keep original styling but remove padding */
.deep-audio-note .audio-player {
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 0.375rem;
  padding: 0;
}

/* Remove purple background from transcript and summary sections completely */
/* These should be overridden by the more specific selectors above */

/* Remove purple background from body text sections using specific selectors */
.container .row .col-md-12.deep-audio-note .card.audio-note-card .card-body {
  background: white;
}

.container .row .col-md-12.deep-audio-note .card.audio-note-card .card-body h4 {
  color: #343a40;
}

.container .row .col-md-12.deep-audio-note .card.audio-note-card .card-body p {
  color: #6c757d;
}

/* Override transcript and summary sections to not have purple background */
.container .row .col-md-12.deep-audio-note .card.audio-note-card .card-body .transcript-content,
.container .row .col-md-12.deep-audio-note .card.audio-note-card .card-body .audio-note-content {
  background: white;
  color: #343a40;
  border: 1px solid #e9ecef;
  box-shadow: none;
  padding: 1rem;
  border-radius: 0.375rem;
}

.container .row .col-md-12.deep-audio-note .card.audio-note-card .card-body .summary-text {
  background: white;
  color: #343a40;
  border: 1px solid #e9ecef;
  box-shadow: none;
  padding: 1rem;
  border-radius: 0.375rem;
}

/* Fix badges in transcript and summary sections */
.container .row .col-md-12.deep-audio-note .card.audio-note-card .card-body .transcript-content .badge,
.container .row .col-md-12.deep-audio-note .card.audio-note-card .card-body .audio-note-content .badge,
.container .row .col-md-12.deep-audio-note .card.audio-note-card .card-body .summary-text .badge {
  background-color: #6c757d;
  color: white;
  border: none;
}

/* Badges on purple background */
.deep-audio-note .transcript-content .badge,
.deep-audio-note .audio-note-content .badge,
.deep-audio-note .summary-text .badge {
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* White text on purple background for content tags */
.deep-audio-note .badge.bg-secondary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}

/* Regular text styling for other elements */
.deep-audio-note h4 {
  color: #343a40;
}

.deep-audio-note .card-body > .mb-4 > h4 {
  color: #343a40;
}

.deep-audio-note .text-muted {
  color: #6c757d;
}

/* Button styling */
.deep-audio-note .btn-outline-primary {
  color: #667eea;
  border-color: #667eea;
  background-color: transparent;
}

.deep-audio-note .btn-outline-primary:hover {
  background-color: #667eea;
  border-color: #667eea;
  color: white;
}

.deep-audio-note .btn-outline-secondary {
  color: #343a40;
  border-color: #343a40;
  background-color: #ffffff;
  font-weight: 500;
}

.deep-audio-note .btn-outline-secondary:hover {
  background-color: #343a40 !important;
  border-color: #343a40 !important;
  color: white !important;
}

/* Notes hub play icon should be white */
.notes-hub-container .note-card-play .fas.fa-play,
.notes-hub-container .note-card-play .fas,
.notes-hub-container .note-card-play i {
  color: white !important;
}

.note-card-play .fas.fa-play,
.note-card-play .fas,
.note-card-play i {
  color: white !important;
}

/* Notes hub play button styling */
.notes-hub-container .note-card-play {
  background-color: #7c4dff !important;
  border: none !important;
  color: white !important;
}

.note-card-play {
  background-color: #7c4dff !important;
  border: none !important;
  color: white !important;
}

.notes-hub .play-button {
  background-color: #7c4dff !important;
  border: none !important;
  color: white !important;
}

.notes-hub .play-button .fas {
  color: white !important;
}

/* Footer should be larger and less dense */
.footer-nav {
  padding: 1rem 0 !important;
  min-height: 60px !important;
}

.footer-nav .nav-item {
  padding: 0.5rem 0 !important;
}

.footer-nav .nav-link {
  padding: 0.5rem 1rem !important;
  font-size: 0.9rem !important;
}

/* Audio Notes Overview Page - Highly Specific Selectors for Light Theme */
.container.audio-notes-page.container-py-4 {
  background-color: #ffffff;
  min-height: 100vh;
}

/* Audio Notes Overview Card Headers - Purple Background with White Text */
.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card .card-header.d-flex.justify-content-between.align-items-center {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-bottom: 1px solid #e9ecef;
  color: white;
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card .card-header.d-flex.justify-content-between.align-items-center {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-bottom: 1px solid #e9ecef;
  color: white;
}

.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card .card-header.d-flex.justify-content-between.align-items-center h5.mb-0.text-truncate {
  color: white;
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card .card-header.d-flex.justify-content-between.align-items-center h5.mb-0.text-truncate {
  color: white;
}

.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card .card-header.d-flex.justify-content-between.align-items-center .btn.btn-sm.btn-link.text-muted {
  color: rgba(255, 255, 255, 0.8);
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card .card-header.d-flex.justify-content-between.align-items-center .btn.btn-sm.btn-link.text-muted {
  color: rgba(255, 255, 255, 0.8);
}

.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card .card-header.d-flex.justify-content-between.align-items-center .btn.btn-sm.btn-link.text-muted:hover {
  color: white;
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card .card-header.d-flex.justify-content-between.align-items-center .btn.btn-sm.btn-link.text-muted:hover {
  color: white;
}

/* Audio Notes Overview Cards - White Background */
.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card {
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card {
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card .card-body {
  background-color: #ffffff;
  color: #343a40;
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card .card-body {
  background-color: #ffffff;
  color: #343a40;
}

/* Search Field - Add Border */
.container.audio-notes-page .row.row-mb-4.search-filter-section .col-md-8 .input-group .form-control {
  border: 1px solid #dee2e6;
  background-color: #ffffff;
}

.container.audio-notes-page .row.row-mb-4.search-filter-section .col-md-8 .input-group .input-group-text {
  border: 1px solid #dee2e6;
  background-color: #f8f9fa;
}

/* Form Select - Royal Purple Background */
.container.audio-notes-page .row.row-mb-4.search-filter-section .col-md-4 .form-select {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  border: 1px solid #667eea;
}

.container.audio-notes-page .row.row-mb-4.search-filter-section .col-md-4 .form-select:focus {
  border-color: #5a6fd8;
  box-shadow: 0 0 0 0.25rem rgba(102, 126, 234, 0.25);
}

/* Page Title and Headers */
.container.audio-notes-page .row.row-justify-content-between.align-items-center.row-mb-4.audio-notes-header .col-auto h1.h2.mb-0 {
  color: #343a40;
}

.container.audio-notes-page .row.row-justify-content-between.align-items-center.row-mb-4.audio-notes-header .col-auto p.text-muted {
  color: #6c757d;
}

/* Button Styling */
.container.audio-notes-page .row.row-justify-content-between.align-items-center.row-mb-4.audio-notes-header .col-auto .btn-group .btn.btn-primary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: #667eea;
  color: white;
}

.container.audio-notes-page .row.row-justify-content-between.align-items-center.row-mb-4.audio-notes-header .col-auto .btn-group .btn.btn-primary:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
  border-color: #5a6fd8;
}

.container.audio-notes-page .row.row-justify-content-between.align-items-center.row-mb-4.audio-notes-header .col-auto .btn-group .btn.btn-outline-primary {
  color: #667eea;
  border-color: #667eea;
  background-color: transparent;
}

.container.audio-notes-page .row.row-justify-content-between.align-items-center.row-mb-4.audio-notes-header .col-auto .btn-group .btn.btn-outline-primary:hover {
  background-color: #667eea;
  border-color: #667eea;
  color: white;
}

/* Search Field Placeholder Text Visibility */
.container.audio-notes-page .row.row-mb-4.search-filter-section .col-md-8 .input-group .form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.container.audio-notes-page .row.row-mb-4.search-filter-section .col-md-8 .input-group .form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.container.audio-notes-page .row.row-mb-4.search-filter-section .col-md-8 .input-group .form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.container.audio-notes-page .row.row-mb-4.search-filter-section .col-md-8 .input-group .form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

/* Card Footer Styling - Override theme-system.css */
.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card .card-footer {
  background-color: #f8f9fa;
  border-top: 1px solid #e9ecef;
  color: #495057;
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card .card-footer {
  background-color: #f8f9fa;
  border-top: 1px solid #e9ecef;
  color: #495057;
}

.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card .card-footer .text-muted {
  color: #6c757d;
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card .card-footer .text-muted {
  color: #6c757d;
}

.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card .card-footer small.text-muted {
  color: #6c757d;
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card .card-footer small.text-muted {
  color: #6c757d;
}

/* Audio Badge in Card Footer - White Text on Green Background */
.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card .card-footer .badge.bg-success.me-1 {
  background-color: #28a745;
  color: white;
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card .card-footer .badge.bg-success.me-1 {
  background-color: #28a745;
  color: white;
}

/* Typed Note Badge in Card Footer - White Text on Purple Background */
.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card .card-footer .badge.bg-primary.me-1 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card .card-footer .badge.bg-primary.me-1 {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}

/* Shared Badge in Card Footer - White Text on Blue Background */
.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card .card-footer .badge.bg-info.me-1 {
  background-color: #17a2b8;
  color: white;
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card .card-footer .badge.bg-info.me-1 {
  background-color: #17a2b8;
  color: white;
}

/* Tag Badges in Card Footer - White Text on Gray Background */
.container.audio-notes-page .row .col-md-6.note-card .card.h-100.clickable-card .card-footer .badge.bg-secondary.me-1 {
  background-color: #6c757d;
  color: white;
}

.container.audio-notes-page .row .col-lg-4.note-card .card.h-100.clickable-card .card-footer .badge.bg-secondary.me-1 {
  background-color: #6c757d;
  color: white;
}

/* Voice Journal Input Visibility - Light Theme */
.voice-journal-container .rating-explanation {
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  color: #343a40;
  padding: 0.75rem;
  border-radius: 0.375rem;
  width: 100%;
  min-height: 120px;
  font-size: 0.9rem;
  font-family: inherit;
}

.voice-journal-container .rating-explanation:focus {
  outline: none;
  border-color: #667eea;
  box-shadow: 0 0 0 0.25rem rgba(102, 126, 234, 0.25);
}

.voice-journal-container .rating-explanation::placeholder {
  color: #6c757d;
  opacity: 1;
}

/* Voice Journal Message Bubbles - Improve Visibility */
.voice-journal-container .messages-container .message.user {
  background-color: #667eea;
  color: white;
  border-radius: 18px 18px 4px 18px;
  padding: 0.75rem 1rem;
  margin-bottom: 0.5rem;
  max-width: 85%;
  margin-left: auto;
  word-wrap: break-word;
}

.voice-journal-container .messages-container .message.assistant {
  background-color: #f8f9fa;
  color: #343a40;
  border: 1px solid #dee2e6;
  border-radius: 18px 18px 18px 4px;
  padding: 0.75rem 1rem;
  margin-bottom: 0.5rem;
  max-width: 85%;
  margin-right: auto;
  word-wrap: break-word;
}

/* Audio Notes New Page - Text Visibility */
.container.py-4 .card .card-body .text-white {
  color: #343a40;
}

.container.py-4 .card .card-body .text-muted {
  color: #6c757d;
}

/* Audio Notes New Page - Form Controls */
.container.py-4 .card .card-body .form-check-label {
  color: #343a40;
}

.container.py-4 .card .card-body .form-check-label.text-white {
  color: #343a40;
}

.container.py-4 .card .card-body h6.text-white {
  color: #343a40;
  font-weight: 600;
}

.container.py-4 .card .card-body span.text-white {
  color: #343a40;
}

/* Audio Notes New Page - Live Transcription Area */
.container.py-4 .card .card-body #liveTranscription {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #343a40;
  padding: 1rem;
  border-radius: 0.375rem;
  min-height: 150px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 0.9rem;
  line-height: 1.4;
}

.container.py-4 .card .card-body #liveTranscription:empty::before {
  content: "Start recording to see your words appear here in real-time...";
  color: #6c757d;
  font-style: italic;
}

/* Audio Notes New Page - Button Visibility */
.container.py-4 .card .card-body .btn-primary {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-color: #667eea;
  color: white;
}

.container.py-4 .card .card-body .btn-primary:hover {
  background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
  border-color: #5a6fd8;
}

.container.py-4 .card .card-body .btn-danger {
  background-color: #dc3545;
  border-color: #dc3545;
  color: white;
}

.container.py-4 .card .card-body .btn-outline-secondary {
  color: #343a40;
  border-color: #343a40;
  background-color: #ffffff;
  font-weight: 500;
}

.container.py-4 .card .card-body .btn-outline-secondary:hover {
  background-color: #343a40;
  border-color: #343a40;
  color: white;
}

/* Audio Notes New Page - Card Headers */
.container.py-4 .card .card-header {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-bottom: 1px solid #e9ecef;
  color: white;
}

/* Strong text styling throughout the application */
strong {
  font-weight: 700;
  color: inherit;
}

/* CRITICAL: Force refresh button visibility in audio notes - HIGHEST PRIORITY */
body .deep-audio-note .card-header .d-flex .refresh-button-audio-notes,
body .deep-audio-note .card-header .d-flex #refreshBtn,
body .audio-note-card .card-header .d-flex .refresh-button-audio-notes,
body .audio-note-card .card-header .d-flex #refreshBtn,
body .refresh-button-audio-notes,
body #refreshBtn,
.refresh-button-audio-notes,
#refreshBtn {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 99999 !important;
  position: relative !important;
  background-color: #17a2b8 !important;
  color: white !important;
  border: 1px solid #17a2b8 !important;
  width: auto !important;
  height: auto !important;
  min-width: 40px !important;
  font-size: 14px !important;
  margin-right: 8px !important;
}

/* Extra force for refresh button - try everything */
[id="refreshBtn"] {
  display: inline-flex !important;
  background-color: #17a2b8 !important;
  color: white !important;
}

.btn.refresh-button-audio-notes {
  display: inline-flex !important;
  background-color: #17a2b8 !important;
  color: white !important;
}

/* ULTRA SPECIFIC - Target the exact button location */
.container.py-4 .row .col-md-12.deep-audio-note .card.audio-note-card .card-header .d-flex.align-items-center button#refreshBtn,
.container.py-4 .row .col-md-12.deep-audio-note .card.audio-note-card .card-header .d-flex.align-items-center .refresh-button-audio-notes {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background-color: #ff0000 !important;
  color: white !important;
  border: 2px solid #ff0000 !important;
  z-index: 999999 !important;
  position: relative !important;
  min-width: 80px !important;
  height: 38px !important;
  font-weight: bold !important;
}

/* Emergency override - use red to make it super visible */
button[id="refreshBtn"] {
  display: inline-flex !important;
  background-color: #ff0000 !important;
  color: white !important;
  border: 2px solid #ff0000 !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 999999 !important;
}

.deep-audio-note .card-header .d-flex .refresh-button-audio-notes:hover,
.deep-audio-note .card-header .d-flex #refreshBtn:hover,
.audio-note-card .card-header .d-flex .refresh-button-audio-notes:hover,
.audio-note-card .card-header .d-flex #refreshBtn:hover,
.refresh-button-audio-notes:hover,
#refreshBtn:hover {
  background-color: #138496 !important;
  color: white !important;
  border-color: #138496 !important;
}

/* Mobile touch optimization for dashboard buttons */
.dashboard-quick-actions .btn,
.dashboard-card .btn,
.quick-action-btn {
  touch-action: manipulation;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Prevent accidental button clicks during scrolling */
.dashboard-quick-actions .btn {
  pointer-events: auto;
}

.dashboard-quick-actions .btn:active {
  transform: scale(0.95);
  transition: transform 0.1s;
}

.card strong,
.instructions-box strong,
.info-box strong {
  font-weight: 700;
  color: #1565c0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.theme-light strong {
  color: #0d47a1;
}

.theme-dark strong {
  color: #64b5f6;
}

.theme-blue strong {
  color: #1976d2;
}

.theme-green strong {
  color: #388e3c;
}

.theme-purple strong {
  color: #7b1fa2;
}

.container.py-4 .card .card-header h3 {
  color: white;
  margin-bottom: 0;
}

/* Audio Notes New Page - Status Icons */
.container.py-4 .card .card-body .fas {
  color: #667eea;
}

.container.py-4 .card .card-body .text-danger .fas {
  color: #dc3545;
}

.container.py-4 .card .card-body .text-warning .fas {
  color: #ffc107;
}

/* Recording Interface - Recording Controls */
.container.py-4 .card .card-body #recordingControls {
  padding: 1rem 0;
}

.container.py-4 .card .card-body #recordingStatus h4 {
  color: #343a40;
  margin-bottom: 0.5rem;
}

.container.py-4 .card .card-body #timer {
  color: #667eea;
  font-weight: bold;
}

/* Recording Interface - Status Messages */
.container.py-4 .card .card-body #recordingStatus p {
  color: #6c757d;
  margin-bottom: 0.5rem;
}

.container.py-4 .card .card-body #recordingStatus .text-danger {
  color: #dc3545;
}

.container.py-4 .card .card-body #recordingStatus .text-warning {
  color: #ffc107;
}

.container.py-4 .card .card-body #recordingStatus .text-primary {
  color: #667eea;
}



/* Voice Journal Start Screen Contrast Fix */
.voice-journal-start-screen .container .row .col-md-8 h1,
.voice-journal-start-screen h1 {
    color: #2c3e50;
    font-weight: 700;
    text-shadow: none;
}

.voice-journal-start-screen .container .row .col-md-8 p,
.voice-journal-start-screen p {
    color: #5d6d7e;
    font-weight: 500;
    text-shadow: none;
}

.voice-journal-start-screen .recording-mode-section h6,
.voice-journal-start-screen h6 {
    color: #2c3e50;
    font-weight: 700;
}

.voice-journal-start-screen .recording-mode-section .form-check-label,
.voice-journal-start-screen .form-check-label {
    color: #34495e;
    font-weight: 600;
}

.voice-journal-start-screen .recording-mode-section .form-text,
.voice-journal-start-screen .form-text {
    color: #5d6d7e;
    font-weight: 500;
}

.voice-journal-start-screen .voice-commands-hint small,
.voice-journal-start-screen small {
    color: #7f8c8d;
    font-weight: 500;
}

/* Additional specific selectors for better contrast */
.voice-journal-start-screen .card .card-body h1 {
    color: #2c3e50;
    font-weight: 700;
}

.voice-journal-start-screen .card .card-body p {
    color: #5d6d7e;
    font-weight: 500;
}

.voice-journal-start-screen .card .card-body h6 {
    color: #2c3e50;
    font-weight: 700;
}

.voice-journal-start-screen .card .card-body .form-check-label {
    color: #34495e;
    font-weight: 600;
}

.voice-journal-start-screen .card .card-body .form-text {
    color: #5d6d7e;
    font-weight: 500;
}

.voice-journal-start-screen .card .card-body small {
    color: #7f8c8d;
    font-weight: 500;
}

/* Purple pagination styling */
.purple-pagination .page-link {
    color: #6f42c1;
    background-color: transparent;
    border-color: #6f42c1;
}

.purple-pagination .page-item.active .page-link {
    background-color: #6f42c1;
    border-color: #6f42c1;
    color: #fff;
}

.purple-pagination .page-link:hover {
    background-color: #6f42c1;
    border-color: #6f42c1;
    color: #fff;
}

.purple-pagination .page-item.disabled .page-link {
    color: #6f42c1;
    background-color: transparent;
    border-color: #6f42c1;
    opacity: 0.5;
}

/***--- START Prebens/master's own CSS hacks. DO NOT TOUCH content between these lines ***/

/* Fix badge on audio notes once and for all */

.card-header .audio-type-badge .badge, .meta, .theme-light .focus-icon, .action-cards-grid div i{
  color: #fff;
}
.features-section .section-title, .features-section .section-subtitle, .billing-section .section-title, .billing-section .section-subtitle {
  color:#1f2937
}

.transcript-text{
  font-style: italic;
}
.tools-heading, .tools-list, .onboarding-controls-settings,#audio-compatibility-test{
  display:none!important;
}

.theme-option-card[data-theme="blue"], .theme-option-card[data-theme="dark"], .theme-option-card[data-theme="purple"], .theme-option-card[data-theme="green"]{
  display:none;
}
.goals-header-section{
  padding: 10px;
}
body.page-auth-login {
    padding-bottom: 0;
}
.onboarding-reminder, .agent-intro{
background-color: #fff;
}


/*** END Prebens/master's own CSS hacks. DO NOT TOUCH, and keep at the bottom ***/