:root {
  --app-navbar-height: 72px;
}

body {
  background: #f8f9fa;
  padding-top: var(--app-navbar-height);
}

.card { border-radius: 0.9rem; }

.app-navbar {
  z-index: 1030;
  min-height: var(--app-navbar-height);
}

.app-main {
  padding-top: 1.25rem !important;
  padding-bottom: 1.5rem;
}

.sticky-page-header {
  position: sticky;
  top: calc(var(--app-navbar-height) + 0.5rem);
  z-index: 1020;
  background: #f8f9fa;
  padding: 0.5rem 0 0.75rem;
}

.table thead.sticky-top th {
  top: calc(var(--app-navbar-height) + 4.5rem);
}


.agenda-calendar-table {
  table-layout: fixed;
}

.agenda-day-cell {
  vertical-align: top;
  min-height: 110px;
  height: 120px;
}

.agenda-today {
  box-shadow: inset 0 0 0 2px rgba(13,110,253,.25);
  background: #fff;
}

.agenda-cita-chip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.agenda-chip-pendiente { background: #fff3cd; color: #664d03; }
.agenda-chip-confirmada { background: #cff4fc; color: #055160; }
.agenda-chip-realizada { background: #d1e7dd; color: #0f5132; }
.agenda-chip-cancelada, .agenda-chip-no_asistio { background: #f8d7da; color: #842029; }