.navbar-brand { letter-spacing: .12em; }
.navbar-brand-logo { width: auto; height: 2rem; object-fit: contain; }
.login-logo { width: auto; height: 5rem; max-width: 100%; object-fit: contain; }
.page-wrapper .page-header { margin-bottom: 1rem; }
.page-header .page-title { text-transform: uppercase; }
.page-header .text-secondary { margin-top: 0 !important; }

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.calendar-head > div {
  padding: 1.15rem .1rem .85rem;
  color: var(--tblr-secondary);
  font-size: .8rem;
  text-align: center;
}

.montiu-datepicker { width: 100%; max-width: 320px; }
.datepicker-header { display: grid; grid-template-columns: 2.25rem 1fr 2.25rem; align-items: center; text-align: center; }
.datepicker-header h2 { font-size: 1rem; }

.calendar-day {
  display: inline-flex;
  width: 2.25rem;
  height: 2.25rem;
  margin: .08rem auto;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: var(--tblr-border-radius);
  color: var(--tblr-body-color);
  font-size: .875rem;
  text-decoration: none;
  transition: border-color .15s ease, background-color .15s ease;
}

.calendar-day:hover { background: var(--tblr-bg-surface-secondary); text-decoration: none; }
.calendar-day.is-selected { border-color: var(--tblr-primary); color: var(--tblr-primary); background: var(--tblr-primary-lt); }
.calendar-day.is-today:not(.is-selected) { color: var(--tblr-blue); border: 1px solid var(--tblr-blue); border-radius: 50%; }
.calendar-day.has-visits { text-decoration: underline; text-decoration-color: var(--tblr-pink); text-decoration-thickness: 1px; text-underline-offset: 4px; }
.calendar-day.is-future { opacity: .4; }
.calendar-day.is-empty { pointer-events: none; }
.empty-icon .ti-calendar-off { font-size: 3rem; }
.history-field-label { display: flex; min-height: 1.35rem; align-items: flex-start; }
.history-field-label .badge { line-height: 1.1; }
.list-group-flush > .list-group-item.visit-list-item { border-left: 2px solid transparent; border-right: 2px solid transparent; }
.list-group-flush > .list-group-item.visit-list-item.has-history { border-right-color: var(--tblr-yellow); }
.list-group-flush > .list-group-item.visit-list-item.has-note { border-left-color: var(--tblr-green); }
.payment-summary,
.card-footer { background: var(--tblr-bg-surface-secondary, #f6f8fb); }
.payment-option:not(.is-active) .payment-amount { display: none; }
.payment-option.is-active { border-color: var(--tblr-primary); background: var(--tblr-primary-lt); }
.optional-text-option:not(.is-active) .optional-text-field { display: none; }
.optional-text-option.is-active { border-color: var(--tblr-primary); background: var(--tblr-primary-lt); }
.standalone-action { width: 100%; max-width: 430px; }
.action-grid {
  display: grid;
  width: 100%;
  max-width: 430px;
  margin-inline: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
}
.action-grid > .btn { width: 100%; }

@media (max-width: 575.98px) {
  .calendar-head > div { font-size: .65rem; }
  .calendar-day { width: 2rem; height: 2rem; font-size: .8rem; }
}