// Badge with custom colors
.badge-leave-type {
  color: #fff;
  display: inline-block;
  padding: 0.25em 0.5em;
  font-size: 0.75em;
  font-weight: 700;
  border-radius: 0.25rem;
}

// Calendar placeholder styling
#leaveCalendar {
  min-height: 250px;
}

// Responsive adjustments
@media (max-width: 767.98px) {
  .leave-request-header {
    flex-direction: column;

    .header-actions {
      margin-top: 1rem;
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
    }
  }
}