.cash-advances{max-width:1440px;margin:auto;color:#173f35;font-size:14px;line-height:1.5}.cash-advances *,.ca-dialog *{box-sizing:border-box;letter-spacing:0}.cash-advances [hidden],.ca-dialog [hidden]{display:none!important}
.ca-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.cash-advances h1{font-size:24px;margin:0}.ca-heading p{margin:8px 0;color:#607168}.ca-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0}.ca-heading .ca-actions{margin:0}.ca-icon{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;flex:none}.ca-actions .primary{display:inline-flex;align-items:center;gap:8px}
.ca-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #cddad2;padding:0 0 16px;margin-bottom:20px}.ca-filters,.ca-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ca-filters{grid-template-columns:2fr 1.2fr 1.2fr 1fr;margin:20px 0}.cash-advances label,.ca-dialog label{display:grid;gap:6px;font-size:12px;font-weight:600;min-width:0}
:root .cash-advances :is(input:not([type=checkbox]),select,textarea),:root .ca-dialog :is(input,select,textarea){width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #c8d6cc;border-radius:6px;background:#fff;color:#173f35;font:400 14px/1.4 system-ui}.ca-dialog textarea{resize:vertical;min-height:90px;margin-bottom:16px}.cash-advances .btn,.ca-dialog .btn{min-height:44px;font-size:12px}.ca-policy{margin:12px 0 20px}.ca-policy label{display:flex;align-items:center;gap:10px;min-height:44px;margin:12px 0}.ca-policy input{width:auto}
.ca-table-wrap{overflow:auto}.cash-advances table{width:100%;border-collapse:collapse;font-size:13px}.cash-advances :is(th,td){text-align:left;padding:12px 10px;border-bottom:1px solid #dce5df;overflow-wrap:anywhere}.cash-advances small,.ca-dialog small{display:block;color:#63746b;font-size:12px}.ca-status{font-size:11px;padding:4px 7px;background:#edf1ef;border-radius:4px;display:inline-block;white-space:nowrap}.ca-approved,.ca-settled{background:#e2f1e7;color:#226d47}.ca-submitted,.ca-under_review{background:#fff2cf;color:#7d5c10}.ca-rejected,.ca-cancelled{background:#ffe9ec;color:#9a3945}.ca-warning{border-left:3px solid #b18117;background:#fff7e6;padding:12px;color:#76570b}.ca-empty{padding:24px 0;color:#63746b}
.ca-dialog{border:1px solid #c8d6cc;border-radius:8px;padding:0;width:calc(100% - 24px);max-width:720px;max-height:calc(100dvh - 24px);color:#173f35}.ca-dialog::backdrop{background:#183b325e}.ca-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 26px)}.ca-dialog header,.ca-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;flex:none;border-bottom:1px solid #dae4dc}.ca-dialog h2{font-size:18px;margin:0;overflow-wrap:anywhere}.ca-dialog h3{font-size:16px;margin:0}.ca-dialog .ca-close{width:44px;flex:none;font-size:20px}.ca-dialog-body{padding:20px;overflow:auto;min-height:0}.ca-dialog footer{border-top:1px solid #dae4dc;border-bottom:0;justify-content:flex-end;flex-wrap:wrap}.ca-dialog dl{margin:16px 0}.ca-dialog dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:8px 0;border-bottom:1px solid #e1e8e3}.ca-dialog dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ca-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ca-summary dd{font-weight:700}.ca-ledger{margin-top:24px;border-top:1px solid #ccd9d0;padding-top:16px}.ca-ledger article{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:16px 0;border-bottom:1px solid #dce5df}.ca-ledger :is(small,p,.ca-actions){grid-column:1/-1;margin:0}.ca-ledger span{font-variant-numeric:tabular-nums}.ca-dialog details{margin:20px 0}.ca-dialog summary{padding-top:8px;padding-bottom:8px;cursor:pointer}
.cash-advances :is(input,select,button):focus-visible,.ca-dialog :is(input,select,textarea,button,summary):focus-visible{outline:3px solid #ba921d;outline-offset:3px}.ca-dialog button:disabled{opacity:.5;cursor:wait}
.cash-advances .btn,.ca-dialog .btn,.staff-my-requests .btn{min-height:44px!important;border-radius:6px!important}.payroll-advance-details{grid-column:1/-1;min-width:0}
.ca-dialog .ca-form-grid{margin-bottom:16px}
.staff-my-requests{border-top:1px solid #d2ded5;margin-top:24px;padding-top:16px}.staff-my-requests h4{font-size:14px;margin:0 0 12px}.staff-my-requests>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.staff-my-requests .btn{display:inline-flex;align-items:center;gap:8px;min-height:44px}.staff-my-requests .ca-icon{width:18px;height:18px}
@media(max-width:1023px){.ca-filters{grid-template-columns:1fr 1fr}.ca-heading{flex-wrap:wrap}}
@media(max-width:599px){.ca-form-grid,.ca-filters{grid-template-columns:minmax(0,1fr)}.ca-dialog header,.ca-dialog footer,.ca-dialog-body{padding:14px}.ca-tabs .btn{flex:1 0 auto}.cash-advances table thead{display:none}.cash-advances :is(tbody,tr,td){display:block}.cash-advances tr{padding:12px 0;border-bottom:1px solid #cbd8ce}.cash-advances td{border:0;padding:6px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.cash-advances td[data-label]:before{content:attr(data-label);color:#607168;min-width:70px}.cash-advances td:last-child .btn{width:100%}.ca-detail-heading{align-items:flex-start}.ca-dialog dl>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.staff-my-requests>div{flex-wrap:wrap}}
