/* Masaha HR — dedicated leave management dashboard v29 */
#hrPage-leaves{direction:rtl;min-width:0}
#hrPage-leaves h2{font-weight:800;margin:12px 0 20px}
#hrPage-leaves .lv-page{display:block}
#hrPage-leaves .lv-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px}
#hrPage-leaves .lv-stat,#hrPage-leaves .lv-panel{background:linear-gradient(155deg,#0b394c,#062838);border:1px solid #216b80;border-radius:12px;box-shadow:0 5px 17px #0002}
#hrPage-leaves .lv-stat{padding:20px;min-height:105px;display:flex;flex-direction:column;justify-content:space-between;gap:9px}
#hrPage-leaves .lv-stat>div{color:#cbe9f1;font-weight:700}
#hrPage-leaves .lv-stat strong{font-size:27px;color:#72e9ca}
#hrPage-leaves .lv-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:14px;margin-bottom:15px;align-items:stretch}
#hrPage-leaves .lv-panel{padding:20px;min-width:0}
#hrPage-leaves .lv-panel h3{font-size:18px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #226478}
#hrPage-leaves .lv-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
#hrPage-leaves .lv-field{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:13px;color:#cbe6ec}
#hrPage-leaves .lv-field input,#hrPage-leaves .lv-field select,#hrPage-leaves .lv-field textarea{min-height:43px;margin:0;font:inherit}
#hrPage-leaves .lv-form .lv-field:has(textarea){grid-column:1/-1}
#hrPage-leaves .lv-form textarea{resize:vertical}
#hrPage-leaves .lv-submit{background:#078869;color:#fff;border:1px solid #31c79b;border-radius:7px;padding:12px 22px;margin-top:14px;font-weight:700}
#hrPage-leaves .lv-status{font-size:13px;min-height:17px}
#hrPage-leaves .lv-balance{padding:16px;background:#062c3c;border-radius:9px;min-height:86px;line-height:1.9;font-size:15px;color:#72e9c6}
#hrPage-leaves .lv-balance-edit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
#hrPage-leaves .lv-history-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
#hrPage-leaves .lv-history-header h3{border:0}
#hrPage-leaves .lv-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:8px 0 17px}
#hrPage-leaves .lv-table-wrap{overflow:auto}
#hrPage-leaves table{width:100%;min-width:760px}
#hrPage-leaves table th{color:#ffe0a6;white-space:nowrap}
#hrPage-leaves table td{font-size:13px}
#hrPage-leaves .lv-approve,#hrPage-leaves .lv-reject{border:0;border-radius:6px;padding:7px 11px;color:white;margin:2px;cursor:pointer}
#hrPage-leaves .lv-approve{background:#078a69}
#hrPage-leaves .lv-reject{background:#a4384f}
@media(max-width:1150px){#hrPage-leaves .lv-form{grid-template-columns:repeat(2,minmax(0,1fr))}#hrPage-leaves .lv-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){#hrPage-leaves .lv-grid{grid-template-columns:1fr}}
@media(max-width:570px){#hrPage-leaves .lv-form,#hrPage-leaves .lv-filters,#hrPage-leaves .lv-balance-edit{grid-template-columns:1fr}#hrPage-leaves .lv-panel{padding:13px}#hrPage-leaves .lv-stats{gap:8px}#hrPage-leaves .lv-stat{padding:12px;min-height:85px}#hrPage-leaves .lv-stat strong{font-size:22px}}

/* Restore compact employee workspace after relocating leave panel. */
#employees .workspace>.hr-doc-panel{grid-column:1/-1!important;grid-row:2!important}