/* ==============================
   CHECKIN – VERTICAL SIDEBAR UI
   ============================== */

   .dp-checkin-week {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 10px 0;
}

.dp-checkin-day {
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 8px 10px;
    border-radius: 6px;
    border: 1px solid #ddd;
    background: #fafafa;

    font-size: 14px;
    cursor: pointer;
    transition: all .15s ease;
}

/* Hover (chỉ khi click được) */
.dp-checkin-day:hover:not(.is-disabled) {
    background: #eef6ff;
    border-color: #3b82f6;
}

/* Hôm nay */
.dp-checkin-day.is-today {
    background: #eff6ff;
    border-color: #2563eb;
    font-weight: 600;
}

/* Đã điểm danh */
.dp-checkin-day.is-checked {
    background: #dcfce7;
    border-color: #16a34a;
    color: #166534;
}

/* Disable */
.dp-checkin-day.is-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Trạng thái loading */
.dp-checkin-day.is-loading {
    pointer-events: none;
    opacity: 0.7;
}

/* Dấu check ✓ bên phải */
.dp-checkin-check {
    font-size: 16px;
    color: #16a34a;
    margin-left: 8px;
}

/* Text ngày (bên trái) */
.dp-checkin-day span:first-child {
    flex: 1;
}

/* Message */
#dp-checkin-message {
    margin-top: 8px;
    font-size: 13px;
}

.dp-checkin-success {
    color: #166534;
}

.dp-checkin-error {
    color: #b91c1c;
}