#fees-frame {padding:0px;}

/* TOPBAR */
.topbar {border-bottom:1px solid #ccc;}

.top-filter {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, max-content));
    gap: 12px;
    width: 100%;
    align-items: end;
}
.tb-search {
    margin-left: auto;
}

.tb-group { display:flex; flex-direction:column; font-size:12px; }
.tb-group label { font-size:13px; color:#555; }
.tb-group input, .tb-group select { padding:4px 6px; font-size:12px;width:150px;}
select {width:50%; min-width:100px;}
input#table-search input { width:150px; }

.pageWrap { display:flex; gap:0px; margin:0px; }
.main { flex:1; margin:20px 20px 0;}

.sidebar { width:350px; border-right:1px solid #ddd; padding:20px; background:#f3f3f3;}

table { border-collapse:collapse; width:100%; font-size:13px; }
th,td { border:1px solid #ddd; padding:4px 6px; text-align:center; }
th { background:#e4e4e4; }
.feeRow.hovered td { background:#eaf4ff; }

/* Sidebar */
.authorBox { border:1px solid #ccc; margin-bottom:12px; }
.authorBox h4 { margin:0; padding:6px; background:#f4f4f4; }
.authorBox table { font-size:12px; }
.authorTotal { text-align:right; padding:6px; font-weight:bold; background:#fafafa; }

/* Edit button */
.tb-edit-btn {display: inline-block; padding: 6px 12px; font-size: 12px; background: #2c7be5; color: #fff; text-decoration: none; border-radius: 4px; white-space: nowrap; }
.tb-edit-btn:hover {background: #1a68d1; }

button#resetFilters {height:26px; }