/* Time Records 工時填報頁面動畫效果 */

.pulse {
    animation: pulse 0.3s ease-in-out;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1);
    }
}

/* 日期選擇器 */
.week-select-group {
    width: 300px;
}

.day-select-group {
    width: 200px;
}

/* 工時記錄項目 */
.time-record-item {
    transition: background-color 0.15s ease-in-out;
}

.time-record-item:last-child {
    border-bottom: none !important;
}

.time-record-header {
    transition: background-color 0.15s ease-in-out;
}

.time-record-header:hover {
    background-color: rgba(0, 123, 255, 0.05);
}

.time-record-title {
    cursor: pointer;
    min-width: 200px;
}

/* 工時輸入框 */
.hours-input-wrapper {
    width: 100px;
}

/* 展開按鈕 */
.collapse-toggle-btn i {
    transition: transform 0.2s ease-in-out;
}

.collapse-toggle-btn[aria-expanded="true"] i {
    transform: rotate(180deg);
}

/* 展開內容 */
.collapse-content {
    padding: 0 1rem 1rem 1rem;
    background-color: #fafbfc;
}

/* 展開內容欄位對齊 */
.collapse-col-labels {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-height: 4.5rem;
}

.collapse-col-labels-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 4.5rem;
}

.collapse-col-bordered {
    padding-right: 1rem;
    margin-right: 0.5rem;
    border-right: 1px solid #dee2e6;
}

/* 工時類型選擇 */
.billable-select {
    width: 70px;
}