#admin :is(#officeFundBalances,#attentionFundBalances){padding:12px!important;margin:8px 0!important;min-width:0}
:is(#officeFundBalances,#attentionFundBalances) .fundBalanceHeading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
:is(#officeFundBalances,#attentionFundBalances) h3,:is(#officeFundBalances,#attentionFundBalances) p{margin:0 0 8px}
:is(#officeFundBalances,#attentionFundBalances) .fundBalanceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:6px}
#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceRow{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px!important;min-height:42px!important;min-width:0;width:100%;text-align:left;white-space:normal;margin:0!important}
:is(#officeFundBalances,#attentionFundBalances) .fundBalanceRow span{min-width:0;overflow-wrap:anywhere}
:is(#officeFundBalances,#attentionFundBalances) .fundBalanceRow strong{white-space:nowrap;color:#1262cc}

#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceHeading{display:flex!important;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 5px}
#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceHeading h3{font-size:17px!important;margin:0!important}
#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceHeading>strong{font-size:16px;white-space:nowrap}
#admin :is(#officeFundBalances,#attentionFundBalances)>p{font-size:12px!important;line-height:1.3;margin:0 0 7px!important}
#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceGrid{display:grid!important;gap:5px!important}
#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceRow{font-size:14px!important;line-height:1.25!important;padding:7px 9px!important;min-height:40px!important;gap:8px!important;box-sizing:border-box}
#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceRow span{font-weight:600}
@media(max-width:600px){#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceRow{flex-wrap:wrap;font-size:13px!important}}

/* Preserve working space below the balance overview. */
#admin :is(#officeFundBalances,#attentionFundBalances){padding:7px 9px!important;margin:5px 0!important}
#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceHeading{margin:0 0 5px!important}
#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceHeading h3{font-size:14px!important}
#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceHeading>strong{font-size:14px!important}
#admin :is(#officeFundBalances,#attentionFundBalances)>p{font-size:11px!important;margin:0 0 4px!important;line-height:1.1!important}
#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceRow{min-height:32px!important;padding:5px 7px!important;font-size:13px!important;line-height:1.15!important;border-radius:7px!important}
#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceGrid{gap:4px!important}
@media(min-width:1200px){#admin :is(#officeFundBalances,#attentionFundBalances) .fundBalanceGrid{grid-template-columns:repeat(7,minmax(0,1fr))!important}}

#attentionFundBalances .fundBalanceRow{cursor:default!important}#attentionFundBalances{box-shadow:none!important}
#expenseFundsDialog .expenseOpenNotifications{margin:0 0 16px;min-width:0}
#expenseFundsDialog .expenseNotificationCard{cursor:pointer;min-width:0;overflow-wrap:anywhere;text-align:left}
#expenseFundsDialog .expenseNotificationCard p{margin:0;font:inherit}
#expenseFundsDialog .expenseNotificationCard:focus-visible{outline:3px solid #1764df;outline-offset:2px}
#expenseFundsDialog [data-fund-id]:focus{outline:3px solid #1764df;outline-offset:3px}

#expenseFundsDialog .expenseRegisterSearch{display:grid;grid-template-columns:minmax(135px,1fr) minmax(0,2fr);gap:10px;align-items:start;margin:10px 0}
#expenseFundsDialog .expenseRegisterSearch>.expenseRegistration{display:contents}
#expenseFundsDialog .expenseRegisterSearch>.expenseRegistration>summary{grid-column:1;grid-row:1;margin:0;min-height:48px;box-sizing:border-box;display:flex;align-items:center;padding:10px;border-radius:10px;background:#1462e8;color:white;font-weight:700;cursor:pointer}
#expenseFundsDialog .expenseRegisterSearch>.expenseRegistration>form{grid-column:1/-1;grid-row:2;min-width:0}
#expenseFundsDialog .expenseRegisterSearch>input{grid-column:2;grid-row:1;width:100%;min-width:0;min-height:48px;box-sizing:border-box;padding:10px;border:1px solid #bfd2ed;border-radius:10px;font-size:16px}
#expenseFundsDialog .expenseFundsHistory [hidden]{display:none!important}
@media(max-width:500px){#expenseFundsDialog .expenseRegisterSearch{gap:6px;grid-template-columns:minmax(125px,1fr) minmax(0,1.4fr)}#expenseFundsDialog .expenseRegisterSearch>.expenseRegistration>summary{font-size:13px;padding:8px}}
#expenseFundsDialog .expenseRegisterSearch>.expenseRegistration>p{grid-column:1/-1;grid-row:2}#expenseFundsDialog .expenseRegisterSearch>.expenseRegistration>form{grid-row:3}
/* Keep the native details content full width beside the search control. */
body #expenseFundsDialog .expenseRegisterSearch{position:relative;display:block!important}
body #expenseFundsDialog .expenseRegisterSearch>.expenseRegistration{display:block!important;width:100%;box-sizing:border-box;padding:0!important;margin:0!important;border:0;background:transparent}
body #expenseFundsDialog .expenseRegisterSearch>.expenseRegistration>summary{width:calc((100% - 20px)/3);padding:10px 14px!important;min-height:48px}
body #expenseFundsDialog .expenseRegisterSearch>input{position:absolute;top:0;right:0;width:calc((100% - 20px)*2/3 + 10px);height:48px;min-height:48px}
body #expenseFundsDialog .expenseRegisterSearch>.expenseRegistration>p{margin:10px 0!important;font-size:14px;line-height:1.4}
body #expenseFundsDialog .expenseRegisterSearch .expenseRegistrationForm{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))!important;gap:10px!important;padding:12px;border:1px solid #ccdbed;border-radius:10px;background:#f4f8ff}
body #expenseFundsDialog .expenseRegisterSearch .expenseRegistrationConfirmation{grid-column:1/-1!important}
body #expenseFundsDialog .expenseRegisterSearch .expenseRegistrationActions{grid-column:1/-1!important;justify-content:flex-start}
body #expenseFundsDialog .expenseRegisterSearch .expenseRegistrationActions button{width:auto!important;min-width:220px;min-height:44px!important;height:auto!important;padding:10px 18px!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
body #expenseFundsDialog .expenseRegisterSearch .expenseRegistrationMessage:empty{display:none}
@media(max-width:600px){body #expenseFundsDialog .expenseRegisterSearch>.expenseRegistration>summary{width:44%;font-size:13px;min-height:58px}body #expenseFundsDialog .expenseRegisterSearch>input{width:calc(56% - 8px);height:58px;font-size:14px}body #expenseFundsDialog .expenseRegisterSearch .expenseRegistrationActions button{width:100%!important;min-width:0;white-space:normal!important}}
/* Mobile-wide input rules must not cover the adjacent registration toggle. */
body #expenseFundsDialog .expenseRegisterSearch>input{width:calc((100% - 20px)*2/3 + 10px)!important;max-width:none!important;left:auto!important;right:0!important}
@media(max-width:600px){body #expenseFundsDialog .expenseRegisterSearch>input{width:calc(56% - 8px)!important}body #expenseFundsDialog .expenseRegisterSearch>.expenseRegistration>summary{width:44%!important;box-sizing:border-box!important}}
@media(min-width:1000px){
body #expenseFundsDialog .expenseRegisterSearch .expenseRegistrationForm{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(220px,.95fr)!important}
body #expenseFundsDialog .expenseRegisterSearch .expenseRegistrationForm>label:not(.expenseRegistrationConfirmation){grid-row:1}
body #expenseFundsDialog .expenseRegisterSearch .expenseRegistrationActions{grid-column:5!important;grid-row:1;align-self:end}
body #expenseFundsDialog .expenseRegisterSearch .expenseRegistrationActions button{width:100%!important;min-width:0;min-height:40px!important}
body #expenseFundsDialog .expenseRegisterSearch .expenseRegistrationConfirmation{grid-row:2}
}
/* Narrow screens use normal flow: search can never cover the disclosure. */
@media(max-width:700px){
body #expenseFundsDialog .expenseRegisterSearch{display:flex!important;flex-direction:column!important;gap:8px!important}
body #expenseFundsDialog .expenseRegisterSearch>input{position:static!important;inset:auto!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;box-sizing:border-box!important;order:1}
body #expenseFundsDialog .expenseRegisterSearch>.expenseRegistration{width:100%!important;order:0}
body #expenseFundsDialog .expenseRegisterSearch>.expenseRegistration>summary{width:100%!important;min-height:48px!important;height:auto!important;padding:10px 14px!important}
}
body #expenseFundsDialog .expenseFundsToolbar{align-items:stretch!important;grid-auto-rows:minmax(64px,auto)}
body #expenseFundsDialog .expenseFundsToolbar>button{min-height:64px!important;height:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 16px!important;margin:0!important;line-height:1.3!important}
body #expenseFundsDialog .expenseBody>.draftActionRow,
body #expenseFundsDialog .expenseBody>.expenseFundsToolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-items:stretch!important;gap:10px!important}
body #expenseFundsDialog .expenseBody>.draftActionRow>button,
body #expenseFundsDialog .expenseBody>.expenseFundsToolbar>button{height:72px!important;min-height:72px!important;max-height:none!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px 12px!important;margin:0!important;line-height:1.25!important;width:100%!important;min-width:0!important;max-width:none!important}

body #expenseFundsDialog .expenseMainActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
body #expenseFundsDialog .expenseMainActions>.draftActionRow,body #expenseFundsDialog .expenseMainActions>.expenseFundsToolbar{display:contents!important}
body #expenseFundsDialog .expenseMainActions button{height:72px!important;min-height:72px!important;max-width:none!important;width:100%!important;margin:0!important;padding:10px 12px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1.25!important;min-width:0!important}
@media(max-width:700px){
body #expenseFundsDialog .expenseMainActions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
body #expenseFundsDialog .expenseMainActions>.draftActionRow>button:first-child{grid-column:1/-1;grid-row:2}
body #expenseFundsDialog .expenseMainActions>.draftActionRow>button:nth-child(2){grid-column:1;grid-row:1}
body #expenseFundsDialog .expenseMainActions>.expenseFundsToolbar>button:first-child{grid-column:2;grid-row:1}
body #expenseFundsDialog .expenseMainActions>.expenseFundsToolbar>button:nth-child(2){grid-column:3;grid-row:1}
body #expenseFundsDialog .expenseMainActions button{font-size:13px!important;padding:7px 5px!important;overflow-wrap:normal!important;word-break:normal!important}
}
body #expenseFundsDialog .expenseMainActions>.draftActionRow>button:first-child{height:72px!important;min-height:72px!important;max-height:none!important;align-self:stretch!important;padding:12px!important;box-sizing:border-box!important}
body #expenseFundsDialog .expenseMainActions button,body #expenseFundsDialog .expenseMainActions>.draftActionRow>button:first-child{height:80px!important;min-height:80px!important;max-height:none!important}

/* Dialogs are attached to body, outside #admin: keep alerts visibly red. */
#expenseFundsDialog .expenseNotificationCard.notificationPendingRecord{border:2px solid #df2030!important;outline-offset:2px;background:#fff7f7!important;color:#153c59!important}
#expenseFundsDialog .expenseOpenNotifications{scroll-margin-top:12px}