/* Build 116 — POS Expenses and expense-aware End Shift. */
.btnExpense{background:#7d5420!important;color:#fff!important}
.checkoutActions .utilityGroup{grid-template-columns:repeat(3,minmax(0,1fr))}
.modalBox:has(.expenseCenter){width:min(1160px,96vw)}
.modalBox:has(.endShiftSummary){width:min(1050px,96vw)}
.expenseCenter{color:#000}
.expenseEntryPanel{margin:12px 0 18px;padding:14px;border:2px solid #b5cdbd;border-radius:14px;background:#f7fbf8}
.expenseShiftSummary,.expenseHistoryTotals{margin:10px 0}
.expenseShiftSummary .card,.expenseHistoryTotals .card{padding:12px;box-shadow:none}
.expenseShiftSummary span,.expenseHistoryTotals span{display:block;color:#111;font-size:11px;font-weight:800}
.expenseShiftSummary b,.expenseHistoryTotals b{display:block;margin-top:4px;color:#000;font-size:19px;font-weight:900}
.expenseForm{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}
.expenseForm .expenseDescription{grid-column:1/-1}
.expenseHistoryPanel{padding-top:12px;border-top:2px solid #d6e2da}
.expenseFilters{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.expenseFilters label{flex:1 1 150px;min-width:140px;margin:0}
.expenseFilters label:nth-child(3){flex-basis:260px}
.expenseFilters button{min-height:42px}
.expenseHistoryTable{min-width:1080px}
.expenseHistoryTable td{vertical-align:top}
.expenseVoided td{background:#fff4f4!important;color:#4f2929;text-decoration:none}
.expensePager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:11px;color:#000;font-weight:750}
.expensePager .actions{margin:0}
.expensePager button:disabled{cursor:default;opacity:.5}
.expenseReportKpis{margin:12px 0 18px}
.endShiftSummary{margin:10px 0}
.endShiftSummary .card{padding:13px;box-shadow:none}
.endShiftSummary .kpi{font-size:clamp(20px,1.2vw + 10px,29px)}
@media(max-width:760px){.checkoutActions .utilityGroup{grid-template-columns:repeat(2,minmax(0,1fr))}.expenseForm{grid-template-columns:1fr 1fr}.expenseShiftSummary,.expenseHistoryTotals,.endShiftSummary{grid-template-columns:1fr 1fr}.expenseFilters label{width:100%;min-width:0;flex-basis:100%}.expenseFilters button{flex:1 1 calc(33.33% - 8px);padding:8px 5px;font-size:10px}}
@media(max-width:430px){.expenseForm{grid-template-columns:1fr}.expenseShiftSummary,.expenseHistoryTotals,.endShiftSummary{grid-template-columns:1fr 1fr}.expenseForm .expenseDescription{grid-column:1}.expenseShiftSummary b,.expenseHistoryTotals b{font-size:16px}}
@media print{.expensePager{display:none!important}}