.bank-income-layout { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.bank-income-sidebar { position: sticky; top: calc(var(--header-height) + var(--space-4)); }
.bank-income-main { min-width: 0; }
.bank-income-live { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(10rem, .65fr) auto auto; gap: var(--space-3); align-items: center; }
.bank-income-summary { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin-bottom: var(--space-3); font-size: var(--text-sm); color: var(--text-secondary); }
.bank-income-filter-actions { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2); }
.bank-income-filter-actions .btn { width: 100%; }
.bank-income-client { font-weight: var(--font-medium); color: var(--text-primary); }
.bank-income-meta { margin-top: var(--space-1); font-size: var(--text-xs); color: var(--text-secondary); }
@media (max-width: 900px) { .bank-income-layout { grid-template-columns: 1fr; } .bank-income-sidebar { position: static; } .bank-income-sidebar .card__body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); } .bank-income-sidebar .form-group { margin-bottom: 0; } }
@media (max-width: 640px) { .bank-income-live, .bank-income-sidebar .card__body { grid-template-columns: 1fr; } .bank-income-live .btn { width: 100%; } }