/* Compact loyalty/commission headers; reserve room for the menu on assets. */
@media screen {
html body dialog.fa-dialog.accounting-inline-workspace > header > div:first-child {padding-inline-start:56px!important;min-width:0!important}
html body #loyaltyPage .loyalty-header,
html body .commissions-page .commission-header {padding:12px 14px!important;margin:0 0 12px!important;min-height:0!important;gap:12px!important}
html body #loyaltyPage .loyalty-header > div:first-child,
html body .commissions-page .commission-header > div:first-child {padding-inline-start:48px!important;min-width:0!important}
html body #loyaltyPage .loyalty-header h1,
html body .commissions-page .commission-header h1 {font-size:23px!important;margin:3px 0!important;line-height:1.4!important}
html body #loyaltyPage .loyalty-header p,
html body .commissions-page .commission-header p {margin:4px 0!important;line-height:1.6!important}
html body #loyaltyPage .loyalty-tabs,
html body .commissions-page .commission-tabs {margin:10px 0!important;gap:8px!important}
html body #loyaltyPage .loyalty-tabs a,
html body .commissions-page .commission-tabs button {padding:8px 14px!important;min-height:34px!important}
html body #loyaltyPage .loyalty-cards {gap:10px!important;margin:12px 0!important}
html body #loyaltyPage .loyalty-cards article {padding:10px 12px!important;min-height:0!important}
html body #loyaltyPage .loyalty-cards strong {font-size:22px!important;margin:5px 0!important}
html body #loyaltyPage .loyalty-cards span {font-size:12px!important;line-height:1.5!important}
html body #loyaltyPage .loyalty-header .status.active {width:auto!important;min-height:30px!important;padding:6px 12px!important;background:#edf7f1!important;color:#27684a!important}
html body #loyaltyPage .loyalty-filters {margin:12px 0!important;padding:12px!important;gap:10px!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
html body #loyaltyPage .loyalty-filters label {min-width:0!important}
html body #loyaltyPage .loyalty-filters :is(input,select) {width:100%!important;min-width:0!important;box-sizing:border-box!important}
}
@media screen and (max-width:600px) {
html body #loyaltyPage .loyalty-filters {grid-template-columns:minmax(0,1fr)!important}
}