.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-heading h1,.section-heading h2{margin-bottom:6px}.leave-status-filter{display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(150px,.8fr) minmax(160px,.9fr) max-content max-content;align-items:end;gap:16px;margin:24px 0}.leave-status-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:24px 0 32px}.leave-status-summary div{background:#fff;border:1px solid #dedde3;border-radius:18px;padding:18px 20px;box-shadow:var(--md-shadow);border-top:4px solid #74777f}.leave-status-summary span{display:block;color:#5f636d;font-weight:700}.leave-status-summary strong{display:block;margin-top:4px;font-size:2rem;color:#30333a}.leave-status-summary .status-pending{border-top-color:#ef9f27}.leave-status-summary .status-approved{border-top-color:#188038}.leave-status-summary .status-rejected{border-top-color:#ba1a1a}.leave-status-summary .status-cancelled{border-top-color:#6c7080}.leave-status-table th,.leave-status-table td{vertical-align:top}.leave-status-table td{white-space:normal}.leave-status-reason{min-width:180px;max-width:320px}.leave-status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-weight:800;white-space:nowrap}.leave-status-pending{background:#fff3d6;color:#704900}.leave-status-approved{background:#dff3e5;color:#0b5d2a}.leave-status-rejected{background:#ffedea;color:#8c1d18}.leave-status-cancelled{background:#ececf1;color:#50535d}.leave-status-empty{text-align:center;padding:32px!important;color:#5f636d}
@media(max-width:900px){.leave-status-filter{grid-template-columns:1fr 1fr}.leave-status-filter label:first-child{grid-column:1/-1}.leave-status-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.page-heading,.section-heading{align-items:stretch;flex-direction:column}.page-heading .button{width:100%}.leave-status-filter{grid-template-columns:1fr}.leave-status-filter label:first-child{grid-column:auto}.leave-status-filter .button,.leave-status-filter button{width:100%}.leave-status-summary{grid-template-columns:1fr 1fr;gap:10px}.leave-status-summary div{padding:14px}.leave-status-summary div:first-child{grid-column:1/-1}.leave-status-table-wrap{overflow:visible;background:transparent;border:0;box-shadow:none}.leave-status-table,.leave-status-table tbody,.leave-status-table tr,.leave-status-table td{display:block}.leave-status-table thead{display:none}.leave-status-table tr{margin-bottom:14px;padding:8px 16px;background:#fff;border:1px solid #dedde3;border-radius:16px;box-shadow:var(--md-shadow)}.leave-status-table td{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #e5e2e8;overflow-wrap:anywhere}.leave-status-table td:last-child{border-bottom:0}.leave-status-table td::before{content:attr(data-label);font-weight:800;color:#50535d}.leave-status-table .leave-status-empty{display:block}.leave-status-table .leave-status-empty::before{content:none}}