@layer portal-sticky-header {
dialog.officeExpenseAccount.officeExpenseAccount{box-sizing:border-box!important;width:calc(100vw - 20px)!important;max-width:none!important;height:calc(100dvh - 20px)!important;max-height:calc(100dvh - 20px)!important;padding:0!important;overflow:hidden!important;border:1px solid #cedced;border-radius:16px;color:#173950}
.officeExpenseAccount[open]{display:flex!important;flex-direction:column!important}
.officeExpenseAccount header{display:flex!important;align-items:center;gap:12px;background:#0b3852;color:white;padding:12px!important;flex:none;position:static!important}
.officeExpenseAccount h2{margin:0;font-size:20px}
.officeExpenseAccount .accountBody{overflow:auto!important;min-height:0;padding:14px;flex:1}
.officeExpenseAccount .accountTools{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:8px 0}
.officeExpenseAccount .accountTools label{display:grid;gap:4px;flex:1 1 220px;min-width:0}
.officeExpenseAccount :is(input,select){width:100%;box-sizing:border-box;padding:9px;min-width:0}
.officeExpenseAccount button.btn{min-height:40px!important;height:auto!important;width:auto!important;max-width:100%;padding:8px 12px!important;font-size:14px!important;white-space:normal!important;background:#1762db!important;color:white!important;border:0;border-radius:9px;flex:none!important}
.officeExpenseAccount .accountFacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:8px}
.officeExpenseAccount .accountFacts>div{background:#edf4ff;border-radius:9px;padding:8px;display:grid;gap:4px}
.officeExpenseAccount .accountRecords{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr));gap:10px}
.officeExpenseAccount article{padding:12px;border:1px solid #cedced;border-radius:10px;min-width:0;overflow-wrap:anywhere}
.officeExpenseAccount article p{margin:7px 0}.officeExpenseAccount .accountRecordTop{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.officeExpenseSummaryRow{display:flex!important;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #dce6f1;min-width:0}
.officeExpenseSummaryRow>div{flex:1;min-width:0}.officeExpenseSummaryRow span{display:block}.officeExpenseSummaryRow .btn{width:auto!important;height:auto!important;min-height:40px!important;flex:none!important;padding:8px 12px!important;font-size:14px!important;background:#1762db!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;visibility:visible!important;border:1px solid #1762db!important;border-radius:9px!important;line-height:1.25!important;white-space:normal!important}
@media(max-width:500px){.officeExpenseSummaryRow{flex-wrap:wrap}.officeExpenseSummaryRow>div{flex-basis:100%}.officeExpenseAccount header{padding:8px!important}.officeExpenseAccount h2{font-size:17px}.officeExpenseAccount .accountBody{padding:10px}}
}

@layer portal-sticky-header {
#expenseFundsDialog .officeFundDriverGrid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:10px}
#expenseFundsDialog .officeFundDriverCard{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:7px!important;width:100%!important;height:auto!important;min-height:0!important;padding:14px!important;box-sizing:border-box!important;background:#edf4ff!important;color:#173950!important;border:1px solid #cbdcf3!important;border-radius:10px!important;white-space:normal!important;overflow-wrap:anywhere;font-size:14px!important;cursor:pointer}
#expenseFundsDialog .officeFundDriverCard strong{font-size:17px}#expenseFundsDialog .officeFundDriverCard:focus-visible{outline:3px solid #1762db}
#expenseFundsDialog .expenseRegistration>summary{cursor:pointer;color:#135ab8;font-weight:700;padding:8px}#expenseFundsDialog .expenseRegistrationForm [hidden]{display:none!important}
}

/* Office expense overview: one compact search/action row. */
@layer portal-sticky-header {
#madeExpensesDialog.officeExpensesCompact .expenseBody{padding:12px!important}
#madeExpensesDialog.officeExpensesCompact .expenseBody>p[role="status"]{margin:0 0 8px!important}
#madeExpensesDialog.officeExpensesCompact .expenseBody>p[role="status"]:empty{display:none!important}
#madeExpensesDialog.officeExpensesCompact .expenseSearchBar{display:flex;align-items:end;gap:8px;margin:0 0 10px!important;width:100%;min-width:0}
#madeExpensesDialog.officeExpensesCompact .expenseSearchBar label{flex:1;max-width:none;min-width:0;gap:3px}
#madeExpensesDialog.officeExpensesCompact .expenseSearchBar input{height:40px!important;min-height:40px!important;padding:7px 10px!important}
#madeExpensesDialog.officeExpensesCompact .expenseSearchBar button{height:40px!important;min-height:40px!important;width:auto!important;margin:0!important;padding:7px 12px!important;flex:0 0 auto}
#madeExpensesDialog.officeExpensesCompact .expenseFundSummary{margin:0 0 10px!important;padding:12px!important}
#madeExpensesDialog.officeExpensesCompact .expenseFundSummary>h3{margin:0 0 10px!important}
}