.auto-annual{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:16px;border-radius:10px;background:#edf3ff;color:#2b579e}
.auto-annual b{font-size:22px;margin-left:auto}
.auto-annual small{color:#71809a}
.transaction-tabs{display:flex;gap:8px;margin:8px 0 16px}
.transaction-tabs button{flex:1;padding:11px;border:1px solid #d7dfed;border-radius:8px;background:#fff;color:#66738a;font-weight:700}
.transaction-tabs button.active{background:#3067e8;color:#fff;border-color:#3067e8}
.transaction-form select,.history-label input{height:42px;padding:0 12px;border:1px solid #d5dceb;border-radius:8px;background:#fff}
.leave-editor-tabs{display:flex;gap:6px;margin:22px 0 18px;padding:5px;border-radius:11px;background:#eef4f2}
.leave-editor-tabs button{flex:1;padding:11px 14px;border:0;border-radius:8px;background:transparent;color:#647a74;font-weight:800;cursor:pointer}
.leave-editor-tabs button.active{background:#fff;color:#0e7463;box-shadow:0 2px 8px rgba(16,77,67,.12)}
.leave-editor-tabs button:focus-visible{outline:2px solid #8bc9ba;outline-offset:1px}
.leave-editor-tabs button span{display:inline-grid;place-items:center;min-width:22px;height:20px;margin-left:5px;padding:0 6px;border-radius:10px;background:#dbeae6;font-size:11px}
.leave-editor-tabs button.active span{background:#d8f0e9;color:#08705e}
.leave-editor-panel[hidden]{display:none!important}
.leave-balance-stack{display:inline-grid;justify-items:center;gap:5px}
.leave-pending{padding:3px 8px;border-radius:10px;background:#e8f4f0;color:#147565;font-size:11px;font-weight:800;line-height:1.35;white-space:nowrap}
.transaction-history{margin-top:0;padding-top:2px}
.transaction-history-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.transaction-history-title h3{margin:0;color:#173a35;font-size:16px}
.transaction-history-title p{margin:4px 0 0;color:#7b8d88;font-size:12px}
.transaction-history-title>span{padding:5px 9px;border-radius:20px;background:#e8f4f0;color:#147565;font-size:12px;font-weight:800}
.leave-history-table{display:grid;gap:8px}
.leave-history-row{display:grid;grid-template-columns:112px 64px 105px 105px minmax(150px,1fr) 46px;gap:12px;align-items:center;min-height:50px;padding:10px 12px;border:1px solid #dfe8e5;border-radius:10px;background:#fff;font-size:13px}
.leave-history-row time{font-variant-numeric:tabular-nums;color:#27443f;font-weight:700}
.leave-history-action{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:4px 7px;border-radius:15px;font-size:11px}
.leave-history-action.is-accrual{background:#e5f4ef;color:#087561}
.leave-history-action.is-use{background:#fff0e3;color:#b25f1e}
.leave-history-memo{overflow:hidden;color:#657873;text-overflow:ellipsis;white-space:nowrap}
.leave-history-row .ledger-delete{padding:6px;color:#b04747}
.leave-history-empty{padding:28px;border:1px dashed #cedbd7;border-radius:12px;color:#7b8c87;text-align:center}
.calendar-controls{margin-bottom:14px}

@media(max-width:760px){
  .auto-annual{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 12px}
  .auto-annual>span,.auto-annual b{white-space:nowrap}
  .auto-annual b{margin-left:0}
  .auto-annual small{grid-column:1/-1}
  .leave-history-table{background:transparent}
  .leave-history-row{position:relative;grid-template-columns:1fr auto;gap:6px 12px;margin-bottom:10px;padding:13px 48px 13px 13px;border:1px solid #dfe8e5!important;border-radius:11px;background:#fff}
  .leave-history-row time{grid-column:1}
  .leave-history-row>span:nth-child(2){grid-column:2;grid-row:1}
  .leave-history-row>strong,.leave-history-row>span:nth-child(4),.leave-history-memo{grid-column:1/-1}
  .leave-history-row .ledger-delete{position:absolute;right:7px;bottom:8px}
  .leave-history-memo{white-space:normal}
}