.overtime-workspace{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr)}.clock-field-label{color:#41464e;margin-bottom:5px;font-size:15px;font-weight:700;display:block}.clock-input{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;display:grid}.clock-select{min-width:0;position:relative}.clock-trigger{width:100%;min-height:42px;color:var(--color-text);cursor:pointer;background:#fff;border:1px solid #dce0e6;border-radius:5px;justify-content:flex-end;align-items:center;gap:4px;padding:8px 9px;display:flex}.clock-trigger:hover,.clock-trigger:focus-visible,.clock-select.is-open .clock-trigger{border-color:var(--color-primary)}.clock-trigger span{font-size:16px;font-weight:700}.clock-trigger small{color:#7b828c;margin:0;font-size:13px;font-weight:600}.clock-trigger i{border-bottom:1.5px solid #8e949d;border-right:1.5px solid #8e949d;width:6px;height:6px;margin-left:auto;transform:translateY(-2px)rotate(45deg)}.clock-select.is-open .clock-trigger i{transform:translateY(2px)rotate(225deg)}.clock-trigger:disabled{cursor:not-allowed;background:#f6f7f9}.clock-separator{color:#9aa0a8;font-size:16px;font-weight:700}.clock-options{z-index:15;overscroll-behavior:contain;background:#fff;border:1px solid #d8dde5;border-radius:6px;max-height:210px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 24px #18253d24}.clock-options[hidden]{display:none}.clock-options button{color:#555c66;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;padding:7px 8px;font-size:14px;display:block}.clock-options button:hover,.clock-options button:focus-visible{background:var(--color-primary-soft);color:var(--color-primary);outline:0}.clock-options button[aria-selected=true]{color:var(--color-primary);font-weight:750}.break-section{gap:9px;display:grid}.break-list{gap:10px;display:grid}.break-row[hidden]{display:none}.break-row-label{color:#41464e;margin-bottom:5px;font-size:15px;font-weight:700;display:block}.break-row-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;display:grid}.break-time-field{min-width:0;transition:opacity .16s}.break-time-field.is-disabled{opacity:.45}.break-range-separator{color:#7b828c;font-size:15px;font-weight:700}.add-break-button{min-height:36px;color:var(--color-primary);cursor:pointer;background:#fff;border:1px solid #9fc2f3;border-radius:5px;font-size:13px;font-weight:750}.add-break-button:hover,.add-break-button:focus-visible{border-color:var(--color-primary);background:var(--color-primary-soft)}.add-break-button:disabled{cursor:not-allowed;opacity:.48}.no-break-control{min-height:30px}.time-chart{background:#fff;border:1px solid #e3e8ef;border-radius:6px;margin:0;padding:13px}.time-chart figcaption{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.time-chart figcaption strong,.subsection-heading h3{color:#3d424a;letter-spacing:-.02em;margin:0;font-size:15px}.time-chart figcaption span,.subsection-heading span{color:#969ca5;font-size:12px}.timeline-chart{min-width:0}.timeline-axis-row,.timeline-row{grid-template-columns:56px minmax(0,1fr) 52px;align-items:center;gap:8px;display:grid}.timeline-axis-title,.timeline-axis-empty,.timeline-axis-spacer{display:block}.timeline-axis-title{color:#9298a1;align-self:end;padding-bottom:2px;font-size:13px;font-weight:650}.timeline-axis{border-bottom:1px solid #cfd5dd;height:26px;position:relative}.timeline-tick{bottom:3px;left:var(--tick-left);color:#858c96;white-space:nowrap;font-size:13px;line-height:1;position:absolute;transform:translate(-50%)}.timeline-tick.first{transform:none}.timeline-tick.last{transform:translate(-100%)}.timeline-rows{gap:5px;margin-top:8px;display:grid}.timeline-row-label{color:#626973;align-items:center;gap:5px;font-size:12px;font-weight:750;display:inline-flex}.timeline-row-label:before{content:"";background:currentColor;border-radius:2px;width:7px;height:7px}.timeline-row-label.base{color:#246bfd}.timeline-row-label.night{color:#5965c9}.timeline-row-label.overtime{color:#c9791d}.timeline-row-label.holiday{color:#d84d5b}.timeline-track{background:#edf0f4;border-radius:2px;height:18px;position:relative;overflow:hidden}.timeline-block{border-radius:1px;min-width:0;position:absolute;top:0;bottom:0}.timeline-block.active[data-block-category=base]{background-color:#246bfd}.timeline-block.active[data-block-category=night]{background-color:#5965c9}.timeline-block.active[data-block-category=overtime]{background-color:#f09a37}.timeline-block.active[data-block-category=holiday]{background-color:#e35d6a}.timeline-block.break{background-color:#bfc6cf;justify-content:center;align-items:center;display:flex;container-type:inline-size}.timeline-break-label{color:#59616b;white-space:nowrap;font-size:10px;font-weight:750;line-height:1;display:none;overflow:hidden}@container (width>=24px){.timeline-break-label{display:inline}}.timeline-block.overlap{background-image:repeating-linear-gradient(135deg,#ffffffbf 0 1px,#0000 1px 3px);box-shadow:inset 0 0 0 1px #2430472e}.timeline-row-total{color:#4d535c;text-align:right;white-space:nowrap;font-size:13px}.timeline-axis-empty,.timeline-axis-spacer{min-height:1px}.pay-breakdown,.overlap-section{margin-top:16px}.subsection-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.pay-table-wrap{background:#fff;border:1px solid #e3e8ef;border-radius:6px;overflow:hidden}.pay-table{border-collapse:collapse;width:100%;font-size:13px}.pay-table th,.pay-table td{text-align:right;vertical-align:middle;border-bottom:1px solid #edf0f3;padding:8px 7px}.pay-table thead th{color:#777e88;white-space:nowrap;background:#f6f8fb;font-size:12px;font-weight:700}.pay-table th:first-child{text-align:left;width:32%}.pay-table tbody tr:last-child>*{border-bottom:0}.pay-table tbody th strong{color:#41464e;font-size:13px;display:block}.pay-table tbody th small{color:#969ca5;margin-top:1px;font-size:11px;font-weight:500;line-height:1.35;display:block}.rate-badge,.rate-cell{color:var(--color-primary);font-weight:750}.amount-cell,.pay-table td:last-child{color:#282c32;white-space:nowrap;font-weight:750}.overlap-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.overlap-list li{background:#fff;border:1px solid #e3e8ef;border-radius:5px;padding:9px 10px}.overlap-list li>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.overlap-list strong{color:#454b54;font-size:13px}.overlap-head{flex-direction:column;gap:2px;display:flex}.overlap-range{color:var(--color-primary);margin:0;font-size:13px;font-weight:700}.overlap-duration{color:#282c32;white-space:nowrap;font-size:13px;font-weight:750}.overlap-list p{color:#7b828c;margin:3px 0 0;font-size:12px;line-height:1.55}.overlap-list .empty{color:#8a919b;font-size:13px}.overtime-total{margin:0 0 14px}@media (width<=700px){.overtime-workspace{grid-template-columns:1fr}}@media (width<=620px){.overtime-form .clock-field:not(.break-time-field){grid-template-columns:minmax(96px,38%) minmax(0,1fr);align-items:center;gap:8px;display:grid}.overtime-form .clock-field:not(.break-time-field) .clock-field-label{margin:0;font-size:14px;line-height:1.3}.overtime-form .clock-field:not(.break-time-field) .clock-input{min-width:0}.break-row{grid-template-columns:minmax(86px,30%) minmax(0,1fr);align-items:center;gap:8px;display:grid}.break-row-label{margin:0;font-size:13px}.break-row-inputs{gap:4px;min-width:0}.clock-trigger{min-height:40px;padding-left:6px;padding-right:6px}}@media (width<=520px){.time-chart figcaption{flex-direction:column;align-items:flex-start;gap:2px}.timeline-axis-row,.timeline-row{grid-template-columns:42px minmax(0,1fr) 52px;gap:5px}.timeline-tick:not(.first):not(.last){display:none}.pay-table-wrap{background:0 0;border:0;overflow:visible}.pay-table,.pay-table tbody{display:block}.pay-table thead{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.pay-table tr{background:#fff;border:1px solid #e3e8ef;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin-bottom:7px;padding:10px;display:grid}.pay-table th,.pay-table td{text-align:right;border:0;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.pay-table th:first-child{text-align:left;border-bottom:1px solid #edf0f3;grid-column:1/-1;width:auto;padding-bottom:6px}.pay-table th:not(:first-child):before,.pay-table td:before{content:attr(data-label);color:#9298a1;font-size:11px;font-weight:600}.pay-table th:first-child:before{content:none}}