/* Wspólny szablon tabel Skarbca. Rozmiary z zestawienia wpływów i wydatków. */
.member-portal{
 --table-font-size:15px;
 --table-line-height:1.7;
 --table-row-padding:16px;
 --table-column-padding:8px;
 --table-label-width:200px;
 --table-total-width:100px;
 --table-months-min-width:1500px;
}
.finance-page .finance-table{
 width:100%;
 font-size:var(--table-font-size);
 line-height:var(--table-line-height);
 font-variant-numeric:tabular-nums;
}
.finance-page .finance-table th,
.finance-page .finance-table td,
.finance-page .finance-dues-wrap .dues-table th,
.finance-page .finance-dues-wrap .dues-table td{
 padding:var(--table-row-padding) var(--table-column-padding);
 font-size:var(--table-font-size);
 line-height:var(--table-line-height);
 text-align:left;
 vertical-align:middle;
}
.finance-page .finance-table thead th{
 background:#34495e;
 color:#fff;
 border-color:#5b6d7e;
}
.finance-page .finance-table a{font-size:inherit;line-height:inherit}
.finance-page .dues-table a{padding:0;text-align:left}
.finance-page .finance-month-table{
 table-layout:fixed;
 min-width:var(--table-months-min-width);
}
.finance-page .finance-month-table .finance-label-column{width:var(--table-label-width)}
.finance-page .finance-month-table .finance-total-column{width:var(--table-total-width)}
.finance-page .finance-month-table th,
.finance-page .finance-month-table td,
.finance-page .finance-dues-wrap .dues-table tbody th,
.finance-page .finance-dues-wrap .dues-table thead th:first-child,
.finance-page .finance-dues-wrap .dues-table tfoot th,
.finance-page .finance-dues-wrap .dues-table thead th:last-child,
.finance-page .finance-dues-wrap .dues-table .finance-row-total,
.finance-page .finance-dues-wrap .dues-table tfoot td:last-child,
.finance-page .finance-dues-wrap .bulk-table td.bulk-annual{
 width:auto;
 min-width:0;
 max-width:none;
}
.finance-page .finance-month-table thead th{white-space:nowrap}
.finance-page .finance-month-table tbody th,
.finance-page .finance-month-table tfoot th{white-space:normal;overflow-wrap:anywhere}
.finance-page .finance-month-table td{white-space:nowrap}
.finance-page .finance-month-table .bulk-cell input,
.finance-page .finance-month-table .bulk-annual input{
 width:100%;
 min-height:32px;
 padding:2px 4px;
 font:inherit;
 line-height:var(--table-line-height);
 text-align:left;
}
.finance-page .finance-month-table .bulk-annual .text-link{text-align:left;margin-left:0}
.finance-page .finance-month-full{display:inline;white-space:nowrap;overflow-wrap:normal}
.finance-page .finance-month-short{display:none}
.finance-page .register-balance{table-layout:fixed}
.finance-page .register-balance th,.finance-page .register-balance td{width:20%}
@media(max-width:999px){
 .finance-page{
  --table-label-width:160px;
  --table-total-width:90px;
  --table-months-min-width:970px;
 }
 .finance-page .finance-month-full{display:none}
 .finance-page .finance-month-short{display:inline}
}

.finance-page .finance-dues-wrap .bulk-table thead tr:last-child th:last-child{
 width:auto;min-width:0;max-width:none;position:static;text-align:left;
 padding:var(--table-row-padding) var(--table-column-padding);
}
@media(min-width:761px){
 .member-portal .loza-table{font-size:var(--table-font-size);line-height:var(--table-line-height)}
 .member-portal .loza-table th,.member-portal .loza-table td{
  font-size:var(--table-font-size);line-height:var(--table-line-height);
  padding:var(--table-row-padding) var(--table-column-padding);text-align:left;
 }
 .member-portal .loza-table thead th{background:#34495e;color:#fff}
}

/* Kwoty i ich nagłówki do prawej; opisy pozostają do lewej. */
.finance-page .finance-table .money,
.finance-page .finance-dues-wrap .dues-table td,
.finance-page .finance-dues-wrap .dues-table thead th:not(:first-child),
.finance-page .finance-month-table td,
.finance-page .finance-month-table thead th:not(:first-child),
.finance-page .register-balance th,
.finance-page .register-balance td,
.finance-page .finance-dues-wrap .bulk-table thead tr:last-child th:last-child{
 text-align:right;
 font-variant-numeric:tabular-nums;
}
.finance-page .finance-month-table td a,
.finance-page .finance-month-table .bulk-cell input,
.finance-page .finance-month-table .bulk-annual input,
.finance-page .finance-dues-wrap .bulk-table .bulk-cell input,
.finance-page .finance-dues-wrap .bulk-table .bulk-annual input{text-align:right}
.finance-page .finance-month-table td[colspan]{text-align:left}

/* Suma i wybór roku: jednakowa wysokość oraz wygodniejsze opcje. */
.finance-page .finance-toolbar{align-items:flex-end}
.finance-page .finance-toolbar form{margin:0}
.finance-page [data-finance-year] label{margin:0;gap:6px;font-size:16px}
.finance-page [data-finance-year] select,
.finance-page .register-filters select[name="year"]{
 width:132px;min-width:132px;height:48px;min-height:48px;
 padding:10px 14px;font-size:16px;line-height:1.5;
 border:1px solid #becbbb;border-radius:4px;background:#fffdf8;
}
.finance-page .finance-toolbar .finance-table-summary{
 display:block;align-self:flex-end;min-height:48px;margin:0;
 padding:10px 16px;border:1px solid #a8bba4;border-radius:4px;
 background:#e8ede2;color:#214637;font-size:16px;line-height:26px;
}
.finance-page .finance-table-summary strong{white-space:nowrap}
@supports(appearance:base-select){
 .finance-page [data-finance-year] select,
 .finance-page [data-finance-year] select::picker(select),
 .finance-page .register-filters select[name="year"],
 .finance-page .register-filters select[name="year"]::picker(select){appearance:base-select}
 .finance-page [data-finance-year] select::picker(select),
 .finance-page .register-filters select[name="year"]::picker(select){
  min-width:132px;max-height:320px;overflow-y:auto;margin-block:4px;
  padding:4px;border:1px solid #becbbb;border-radius:4px;
  background:#fffdf8;color:#243b32;box-shadow:0 4px 12px #173e341a;
 }
 .finance-page [data-finance-year] option,
 .finance-page .register-filters select[name="year"] option{
  min-height:46px;padding:10px 12px;font-size:16px;line-height:24px;
  border-radius:3px;
 }
 .finance-page [data-finance-year] option:checked,
 .finance-page .register-filters select[name="year"] option:checked{background:#e8ede2;font-weight:700}
 .finance-page [data-finance-year] option:hover,
 .finance-page [data-finance-year] option:focus,
 .finance-page .register-filters select[name="year"] option:hover,
 .finance-page .register-filters select[name="year"] option:focus{background:#dfe8d6}
}
@media(max-width:600px){
 .finance-page .finance-toolbar .finance-table-summary{width:100%;align-self:auto}
}