/* 打刻画面とスタッフ本人のポータルで同じタイムカードを表示する。 */
.tc-personal-log .tc-log-period { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; margin-bottom: 12px; }
.tc-personal-log .tc-log-period label { display: flex; align-items: center; gap: 8px; margin: 0; }
.tc-personal-log .tc-log-period select { width: auto; padding: 6px 10px; font-size: 1rem; }
.tc-personal-log .tc-log-period-label { margin: 0; font-size: 0.9rem; }
.tc-personal-log .tc-log-scroll { overflow-x: auto; }
.tc-personal-log .tc-log-store { margin: 16px 0; }
.tc-personal-log .tc-log-store h4 { margin: 0 0 8px; }
.tc-personal-log .tc-log-table {
    width: 100%;
    min-width: 520px;
    border-collapse: collapse;
}

.tc-personal-log .tc-log-table th,
.tc-personal-log .tc-log-table td {
    padding: 7px 5px;
    border-bottom: 1px solid #e6e9ed;
    text-align: center;
}

.tc-personal-log .tc-log-original-row {
    background: #f7f8fa;
    color: #59636e;
}

.tc-personal-log .tc-log-original-row td {
    border-bottom: 0;
}

.tc-personal-log .tc-log-row-label {
    display: block;
    font-size: 0.75rem;
    line-height: 1.4;
}

.tc-personal-log .tc-log-replaced-time {
    text-decoration: line-through;
    text-decoration-thickness: 1.5px;
}

.tc-personal-log .tc-log-approved-time {
    color: #b42318;
    font-weight: 700;
}