.time-slot-suggestion {
    padding: 10px 15px;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    background: white;
    cursor: pointer;
    transition: all 0.2s;
    text-align: center;
    min-width: 120px;
}
.calendar-container {
  min-width: 800px; /* Or whatever size you prefer */
  min-height: 600px;
  width: 100%;
}
#calendar {
  width: 100% !important;
  height: 80vh !important;
  min-height: 600px;
}
/* ini biasanya bikin nabrak */
.some-category,
.some-status,
.fc-event {
    position: absolute;     /* <- ini sering penyebab numpuk */
    top: 0;
    left: 0;
}

.some-category,
.some-status {
    line-height: 0;
    height: 0;
}
.time-slot-suggestion:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.time-slot-suggestion.available {
    border-color: #28a745;
    background-color: rgba(40, 167, 69, 0.1);
}
.time-slot-suggestion.unavailable {
    border-color: #dc3545;
    background-color: rgba(220, 53, 69, 0.1);
    opacity: 0.6;
    cursor: not-allowed;
}
.time-slot-suggestion.selected {
    border-color: #007bff;
    background-color: #007bff;
    color: white;
}

/* Quick date buttons */
.quick-date.active {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

/* File upload area */
#upload-area-audiensi {
    cursor: pointer;
    transition: all 0.3s;
}
#upload-area-audiensi:hover {
    background-color: #f8f9fa;
    border-color: #007bff !important;
}