
.table-block{margin:6px 0 14px}
.table-tools{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 14px;margin:6px 0;font-size:13px}
.table-tools input,.table-tools select{font:inherit;font-size:13px}
.table-tools input[type=number]{width:6.5em}
.table-tools label.by-column{cursor:pointer;color:var(--info,#2F6F9F)}
.table-tools .column-filters{display:none;flex-basis:100%}
.table-tools .by-column:has(input:checked)+.column-filters{display:flex}
.column-filters{flex-wrap:wrap;gap:6px 12px;margin-top:6px}
.column-filter{white-space:nowrap}
.table-scroll{overflow-x:auto}
table.paged td,table.paged th{white-space:nowrap}
table.paged th button.sort{font:inherit;font-weight:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline dotted;text-align:inherit}
table.paged th[aria-sort] button.sort{text-decoration:underline}
table.paged td.in-detail{color:var(--muted,#6B7A83);font-style:italic}
td.row-info{width:1.6em}
th.row-info .hidden-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
p.counted{font-size:13px;color:var(--muted,#6B7A83);margin:4px 0}
p.counted:empty{display:none}
.pager{display:flex;gap:8px;margin:4px 0 10px}
.pager:empty{display:none}
.switched{margin:6px 0 14px}
@media print{.table-tools,.pager,td.row-info,th.row-info{display:none!important}}
@media print{.switched{display:none!important}}

.detail{position:relative;display:inline-block;vertical-align:baseline}
button.detail-open{width:1.4em;height:1.4em;border-radius:50%;border:1px solid var(--rule,#C9D3D8);background:none;font:italic 600 11px/1 Georgia,serif;color:var(--info,#2F6F9F);cursor:pointer;padding:0}
.detail-pop{display:none;position:absolute;right:1.8em;top:0;z-index:20;min-width:16em;max-width:30em;white-space:normal;text-align:left;background:var(--paper,#fff);border:1px solid var(--rule,#C9D3D8);box-shadow:0 2px 8px rgba(0,0,0,.12);padding:8px 10px;font-size:12.5px;font-style:normal;font-weight:normal}
.detail-pop:empty{display:none!important}
.detail.by-page>.detail-pop{position:fixed;left:0;top:0;right:auto;width:max-content;min-width:16em;max-width:min(520px,calc(100vw - 16px));max-height:calc(100vh - 16px);overflow:auto;z-index:40}
.detail-pop dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0}
.detail-pop dt{color:var(--muted,#6B7A83)}
.detail-pop dd{margin:0}
.detail:hover .detail-pop,.detail:focus-within .detail-pop,.detail.open .detail-pop{display:block}
.detail.shut .detail-pop{display:none}
@media print{.detail{display:none!important}}
