/* Auto brand theme - first paint (rewritten on Master color save) */
:root {
  --brand: #004c31;
  --page-grad-1: #004c31;
  --page-grad-2: #99e900;
  --page-grad-3: #82c600;
  --page-soft-1: #e9fac7;
  --page-soft-2: #d6e2de;
  --page-soft-border: #8caea2;
  --brand-mid: #2e6c56;
  --admin-primary: #004c31;
  --admin-accent: #99e900;
}
.top-nav, header .top-nav, .main-nav, .main-nav.open, .action-bar {
  background: linear-gradient(90deg, #004c31 0%, #99e900 55%, #82c600 100%) !important;
}
.sidebar, .mobile-sidebar-header {
  background: linear-gradient(180deg, #003925 0%, #004c31 100%) !important;
}
.mobile-menu-toggle { background: #004c31 !important; }
.diseases-section .ds-left {
  background: linear-gradient(135deg, #004c31 0%, #99e900 50%, #82c600 100%) !important;
}
.why-wrap, .spec-wrap, .convert-3, .convert-4, .convert-5, .convert-6, .pkg-wrap, .review-wrap {
  background: linear-gradient(180deg, #e9fac7 0%, #d6e2de 100%) !important;
  border-color: #8caea2 !important;
}
.right-header h2, .spec-head h3, .doc-right-head h3, .check-head h3, .pkg-head h3, .convert-title {
  color: #004c31 !important;
}
.book-btn, .spec-btn {
  background: linear-gradient(180deg, #2e6c56 0%, #004c31 100%) !important;
  border-color: #003925 !important;
}
.typewriter, #typingText, .typewriter .cursor {
  color: #004c31 !important;
}
/* Book appointment + shared form brand (from Settings, not hardcoded) */
.appointment-header h1,
.form-section h3,
.booking-otp-card h3,
.contact-info h4,
.time-selection h4,
.date-day,
.fee-amount,
.pay-at-hospital-note {
  color: #004c31 !important;
}
.pay-at-hospital-note {
  background: #d6e2de !important;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: #004c31 !important;
}
.submit-btn {
  background: #004c31 !important;
}
.submit-btn:hover:not(:disabled) {
  background: #003925 !important;
}
.date-nav-arrow,
.date-option.selected,
.time-slot.selected {
  background: linear-gradient(90deg, #004c31 0%, #99e900 55%, #82c600 100%) !important;
  border-color: #004c31 !important;
}
.date-option:hover,
.time-slot:hover {
  border-color: #004c31 !important;
}
/* Doctor cards + Careers job cards (Settings colors) */
.doctor-card:hover,
.job-card.doctor-card:hover {
  border-color: #99e900 !important;
}
.doctor-card .doc-name,
.job-card.doctor-card .doc-name,
.doctor-card .doc-tabs .tab,
.doctor-card .doc-tab-content .timings,
.doctor-card .doc-dept-badge,
.job-card.doctor-card .doc-dept-badge {
  color: #004c31 !important;
}
.doctor-card .doc-tabs .tab.active {
  background: linear-gradient(135deg, #004c31 0%, #99e900 100%) !important;
  color: #fff !important;
}
.doctor-card .doc-tab-content,
.job-card.doctor-card .doc-tab-content {
  border-left-color: #99e900 !important;
  background: #d6e2de !important;
}
.doctor-card .actions .btn-primary,
.job-card.doctor-card .actions .btn-primary,
.job-card .apply-btn {
  background: linear-gradient(135deg, #004c31 0%, #99e900 100%) !important;
  border-color: #004c31 !important;
  color: #fff !important;
}
.doctor-card .actions .btn-secondary,
.doctor-card .actions .btn-outline,
.job-card.doctor-card .actions .btn-secondary {
  color: #004c31 !important;
  border-color: #004c31 !important;
}
.careers-header {
  background: linear-gradient(90deg, #004c31 0%, #99e900 55%, #82c600 100%) !important;
}
.company-overview h2,
.section-title,
.job-title {
  color: #004c31 !important;
}
/* Patient Success Stories (homepage) */
.stories-header h2,
.story-content h3,
.story-author strong {
  color: #004c31 !important;
}
.story-card::before {
  background: linear-gradient(90deg, #004c31 0%, #99e900 100%) !important;
}
.story-quote p::before,
.story-quote p:last-child::after {
  color: #99e900 !important;
}
.patient-stories-section {
  background: linear-gradient(135deg, #e9fac7 0%, #d6e2de 100%) !important;
}
.rating-text {
  background: linear-gradient(135deg, #004c31 0%, #99e900 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}