.leave-summary-card{margin-top:18px}
.leave-summary-year{width:92px;min-width:92px;height:34px;padding:0 30px 0 12px;font-size:10px;font-weight:650;cursor:pointer}
.leave-summary-card .table-wrap{padding:0 18px 18px;overflow-x:hidden}
.leave-summary-table{width:100%;min-width:0;table-layout:fixed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.leave-summary-table .leave-summary-type-column{width:24%}
.leave-summary-table th{height:34px;padding:6px 5px;color:#60697c;font-size:9px;font-weight:650;letter-spacing:.15px;text-align:center;text-transform:none;white-space:nowrap}
.leave-summary-table td{height:50px;padding:8px 5px;font-size:10px;text-align:center;white-space:nowrap}
.leave-summary-table th:first-child,.leave-summary-table td:first-child{text-align:left;background:var(--card)}
.leave-summary-table thead tr:first-child th{border-bottom:0}
.leave-summary-table thead tr:nth-child(2) th{padding-top:7px;padding-bottom:7px}
.leave-summary-type{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:10px;font-weight:650;white-space:normal}
.leave-summary-type span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eef4ff;color:#4f86f7;font-size:9px}
.leave-summary-type.rl span{background:#eaf8ef;color:#2d8a52}
.leave-summary-positive{color:#25834b;font-weight:700}
.leave-record-card{margin-top:18px}
.leave-record-card .card-description{max-width:620px}
.leave-date-link{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:var(--brand);font:inherit;font-weight:650;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.leave-date-link:hover{color:#275fca}
.leave-date-link:focus-visible{outline:2px solid #79a9ff;outline-offset:4px;border-radius:3px}
.leave-record-kind{display:flex;align-items:center;gap:9px}
.leave-record-kind>span{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:9px;background:#eef4ff;color:#4f86f7;font-size:16px}
.leave-record-kind.is-credit>span{background:#eaf8ef;color:#2d8a52}
.leave-record-kind strong{display:block;color:var(--ink)}
.leave-record-kind .muted{font-size:8px;margin-top:2px}
.leave-credit{color:#25834b;font-weight:750}
.leave-record-card .toolbar{justify-content:flex-end}
.leave-cancel-btn{border-color:#ed6a6a;background:#fff5f5;color:#d94343;white-space:nowrap}
.leave-cancel-btn:not(:disabled):hover{border-color:#d94343;background:#d94343;color:#fff}
.leave-cancel-btn:disabled{opacity:.42;cursor:not-allowed}
.leave-record-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px}
.leave-record-toolbar>div{display:flex;align-items:center;gap:7px}
.leave-record-toolbar p{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:9px}
.leave-record-toolbar p i{color:var(--brand);font-size:14px}
#leave-table th:last-child,#leave-table td:last-child{position:sticky;right:0;z-index:3;width:54px;min-width:54px;max-width:54px;padding-left:8px;padding-right:8px;background:var(--card);box-shadow:-1px 0 0 var(--line);text-align:center}
#leave-table thead th:last-child{z-index:5;background:var(--surface)}
.leave-row-actions{display:flex;align-items:center;justify-content:center}
.leave-select-control{display:grid;place-items:center;width:22px;height:32px;cursor:pointer}
.leave-select-control input{width:16px;height:16px;margin:0;accent-color:var(--brand);cursor:pointer}
.leave-select-control input:disabled{opacity:.26;cursor:not-allowed}
.leave-select-control span{display:none}
.status-cancel-pending{color:#a96f00;background:#fff5d9}
.status-cancelled{color:#68748a;background:#eef1f5}
.leave-cancel-modal{width:min(520px,100%)}
.leave-cancel-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.leave-cancel-summary>div{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.leave-cancel-summary strong{display:block;margin:6px 0 3px;color:var(--ink);font-size:12px}
.leave-cancel-summary p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.leave-cancel-count{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff0f0;color:#d94343;font-weight:750}
.leave-cancel-warning{display:flex;align-items:flex-start;gap:8px;margin:16px 0 0;padding:11px 12px;border-radius:9px;background:#f5f8ff;color:var(--muted);font-size:10px;line-height:1.45}
.leave-cancel-warning i{color:var(--brand);font-size:16px}
.leave-cancel-confirm{border-color:#d94343;background:#d94343;color:#fff}
.leave-cancel-confirm:hover{border-color:#bd3232;background:#bd3232}
.leave-history-modal{width:min(720px,100%);overflow:hidden}
.leave-history-modal .modal-body{padding:0;max-height:calc(90vh - 126px);overflow:auto}
.leave-history-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.leave-history-summary>div{padding:14px 16px;background:var(--card)}
.leave-history-summary small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}
.leave-history-summary strong{display:block;color:var(--ink);font-size:10px;line-height:1.35}
.leave-history-context{padding:14px 18px;border-bottom:1px solid var(--line);background:var(--surface)}
.leave-history-context p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
.leave-approval-timeline{padding:18px 22px 22px}
.leave-timeline-step{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;min-height:64px}
.leave-timeline-step:not(:last-child)::after{content:"";position:absolute;left:14px;top:29px;bottom:0;width:1px;background:var(--line)}
.leave-timeline-dot{position:relative;z-index:1;width:29px;height:29px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--muted);font-size:13px}
.leave-timeline-step.complete .leave-timeline-dot{background:#eaf8ef;border-color:#bfe8cf;color:#25834b}
.leave-timeline-step.pending .leave-timeline-dot{background:#fff8e6;border-color:#f0daa2;color:#9b6c13}
.leave-timeline-step.rejected .leave-timeline-dot{background:#fff0f0;border-color:#efc3c3;color:#c84444}
.leave-timeline-copy{padding:3px 0 14px}
.leave-timeline-copy strong{display:block;color:var(--ink);font-size:10px;margin-bottom:3px}
.leave-timeline-copy span{display:block;color:var(--muted);font-size:9px;line-height:1.45}
.leave-timeline-time{padding-top:4px;color:var(--muted);font-size:8px;text-align:right;white-space:nowrap}
.dark .leave-summary-table th:first-child,.dark .leave-summary-table td:first-child{background:var(--card)}
.dark .leave-summary-type span,.dark .leave-record-kind>span{background:#213454}
.dark .leave-summary-type.rl span,.dark .leave-record-kind.is-credit>span,.dark .leave-timeline-step.complete .leave-timeline-dot{background:#173425;border-color:#285b3d}
.dark .leave-timeline-step.pending .leave-timeline-dot{background:#332b18;border-color:#59481e}
.dark .leave-timeline-step.rejected .leave-timeline-dot{background:#3b2024;border-color:#6e343b}
.dark #leave-table th:last-child,.dark #leave-table td:last-child{background:var(--card)}
.dark #leave-table thead th:last-child{background:var(--surface)}
@media(max-width:760px){.leave-history-summary{grid-template-columns:1fr}.leave-timeline-step{grid-template-columns:30px minmax(0,1fr)}.leave-timeline-time{grid-column:2;text-align:left;padding:0 0 12px}.leave-record-card .toolbar{width:100%}.leave-record-card .input-wrap{min-width:0;flex:1}.leave-record-toolbar{align-items:flex-start;flex-direction:column}.leave-record-toolbar p{max-width:460px}.leave-cancel-summary{grid-template-columns:1fr}}