.lemon-card .card-body {
  overflow: visible;
}

.btn-lemon {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
}

.btn-lemon:hover {
  filter: brightness(0.95);
}

.form-control:focus,
.form-select:focus {
  border-color: var(--lemon-600);
  box-shadow: 0 0 0 0.2rem rgba(212, 166, 10, 0.2);
}

html[data-theme="dark"] .text-muted {
  color: rgba(230, 230, 230, 0.75) !important;
}

html[data-theme="dark"] .text-secondary,
html[data-theme="dark"] .form-text,
html[data-theme="dark"] .small,
html[data-theme="dark"] label.form-label,
html[data-theme="dark"] .card .card-footer,
html[data-theme="dark"] .card .card-header .text-muted {
  color: rgba(230, 230, 230, 0.75) !important;
}

html[data-theme="dark"] .lemon-card {
  background: var(--lemon-100);
  border-color: var(--lemon-200);
  color: var(--ink) !important;
}

html[data-theme="dark"] .lemon-card .card-header {
  background: linear-gradient(180deg, var(--lemon-100), var(--lemon-50));
  border-bottom: 1px solid var(--lemon-200);
  color: var(--ink) !important;
}

html[data-theme="dark"] .lemon-card .card-body {
  color: var(--ink) !important;
}

html[data-theme="dark"] .badge {
  color: var(--ink);
}

html[data-theme="dark"] .form-control {
  background: var(--lemon-50) !important;
  border-color: var(--lemon-200) !important;
  color: var(--ink) !important;
}

html[data-theme="dark"] .form-control::placeholder {
  color: rgba(230, 230, 230, 0.45) !important;
}

html[data-theme="dark"] input:-webkit-autofill,
html[data-theme="dark"] input:-webkit-autofill:hover,
html[data-theme="dark"] input:-webkit-autofill:focus,
html[data-theme="dark"] input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--lemon-50) inset !important;
  -webkit-text-fill-color: var(--ink) !important;
  caret-color: var(--ink) !important;
  transition: background-color 5000s ease-in-out 0s;
}

html[data-theme="dark"] .form-select {
  background-color: var(--lemon-50);
  border-color: var(--lemon-200);
  color: var(--ink);
}

html[data-theme="dark"] .list-group-item {
  background: var(--lemon-100);
  color: var(--ink);
  border-color: var(--lemon-200);
}

html[data-theme="dark"] .btn-lemon {
  background: var(--ink);
  border-color: var(--ink);
  color: #111;
}

.flatpickr-calendar {
  border: 1px solid var(--lemon-200);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.flatpickr-calendar .flatpickr-day.today {
  border-color: var(--lemon-600);
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.startRange,
.flatpickr-calendar .flatpickr-day.endRange {
  background: var(--lemon-600);
  border-color: var(--lemon-600);
  color: #111;
}

.flatpickr-calendar .flatpickr-day:hover {
  background: var(--lemon-100);
}

html[data-theme="dark"] .flatpickr-calendar {
  background: var(--lemon-100);
  border-color: var(--lemon-200);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
  color: var(--ink);
}

html[data-theme="dark"] .flatpickr-months,
html[data-theme="dark"] .flatpickr-weekdays {
  background: var(--lemon-100);
  color: var(--ink);
}

html[data-theme="dark"] .flatpickr-day {
  color: var(--ink);
}

html[data-theme="dark"] .flatpickr-day:hover {
  background: var(--lemon-300);
}

html[data-theme="dark"] .flatpickr-day.today {
  border-color: var(--lemon-600);
}

html[data-theme="dark"] .flatpickr-day.selected,
html[data-theme="dark"] .flatpickr-day.startRange,
html[data-theme="dark"] .flatpickr-day.endRange {
  background: var(--lemon-600);
  border-color: var(--lemon-600);
  color: #111;
}