/* Small visual tweaks for Medical App */
:root {
  --medapp-accent: #0d6efd;
  --medapp-muted: #6c757d;
}

.card-title { color: #222; }
.fw-semibold { font-weight: 600; }

.modal-backdrop { z-index: 1040; }
.modal { z-index: 1050; }

.sticky-top { top: 1rem; }

/* calendar area padding */
.fc { border-radius: 6px; }

/* Calendar table as square day cells (Outlook-like) */
.medapp-calendar-table { table-layout: fixed; width: 100%; }
.medapp-calendar-table th, .medapp-calendar-table td { width: calc(100% / 7); }
.medapp-calendar-table td { vertical-align: top; border-top: 1px solid #e9ecef; height: 140px; }
.medapp-calendar-table .cell-inner { box-sizing: border-box; padding: .5rem; height: 100%; display:flex; flex-direction:column; }
.medapp-event-card { background: #f8f9fa; border-radius:6px; padding: .25rem .5rem; margin-bottom: .25rem; border: 1px solid #e9ecef; }
.medapp-event-card.injection { background: linear-gradient(90deg,#fff7e6,#fff); border-left:4px solid #ffc107; }
.medapp-event-card .title { font-weight:600; font-size:0.9rem; }
.medapp-event-card .meta { font-size:0.75rem; color: var(--medapp-muted); }

/* status colors */
.medapp-event-card.taken { background: #e6f7ea; border: 1px solid #c7e6cf; }
.medapp-event-card.missed { background: #fdecea; border: 1px solid #f5c2c0; }

.card-taken { background: #e6f7ea; border-color: #c7e6cf; }
.card-missed { background: #fdecea; border-color: #f5c2c0; }

@media (max-width: 767.98px) {
  .medapp-calendar-table td { height: auto; }
  .medapp-calendar-table .cell-inner { display:block; }
}