/* liste u tabeli opštine i zbiru: ista nijansa po listi kao na kartici za deljenje */
.lb { display: block; height: 5px; background: var(--bg); margin-top: 4px; } .lb i { display: block; height: 100%; }
.lb.c1 i { background: #5B3F69; } .lb.c3 i { background: #A08AAC; } .lb.c0 i { background: #CFCFCF; }
.zb { list-style: none; margin: var(--s3) 0 0; padding: 0; font-size: 14px; } .zb li { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto 62px; gap: 2px 10px; align-items: baseline; padding: 9px 0; border-top: 1px solid var(--soft); }
.zn, .zv, .zb b { font-family: var(--mono); font-size: 13px; font-variant-numeric: tabular-nums; } .zn { color: var(--mute); } .zb b { font-weight: 400; text-align: right; } .zb .lb { grid-column: 2 / -1; margin-top: 2px; }
.p23 { position: absolute; opacity: 0; } .p23l { display: inline-block; margin: var(--s2) 0; padding: 6px 10px; border: 1px solid var(--line); font-family: var(--mono); font-size: 12px; cursor: pointer; } .p23l::before { content: '☐ '; } .p23:checked + .p23l::before { content: '☑ '; } .p23:focus-visible + .p23l { outline: 2px solid var(--accent); outline-offset: 2px; }
.y23, .y23n { display: none; } .p23:checked ~ .mtw .y23 { display: table-cell; } .p23:checked ~ .y23n { display: block; }
.om { display: none; }
.mt { border-collapse: separate; border-spacing: 0; } .mt td.nm { min-width: 180px; } .mt th { vertical-align: bottom; } .mt th button { all: unset; display: block; cursor: pointer; } .mt th.nw button { white-space: nowrap; } .mt th button:focus-visible { outline: 2px solid var(--accent); } .mt th i { font-style: normal; font-size: 13px; line-height: 1; color: var(--mute); margin-left: 4px; } .mt th[aria-sort] { color: var(--ink); } .mt th[aria-sort] i { color: var(--accent); } .mt th button:hover { color: var(--ink); } .mt th button:hover i { color: var(--ink); }
.mt th.n { white-space: normal; } .mt td.lc { min-width: 84px; cursor: pointer; } .mt .g { display: none; font-size: 12px; } .mt td.lc.on .p { display: none; } .mt td.lc.on .g { display: inline; }
@media (hover: hover) { .mt td.lc:hover .p { display: none; } .mt td.lc:hover .g { display: inline; } }
@media (max-width: 640px) {
  .mtw { margin: 0 -16px; } .od { display: none; } .om { display: table-cell; } .p23:checked ~ .mtw .y23 { display: table-cell; }
  .mt { width: auto; font-size: 12px; } .mt th { font-size: 9.5px; } .mt th i { display: block; margin: 2px 0 0; } .mt td.n { font-size: 12px; } .mt td small { font-size: 10px; } .mt th, .mt td { padding: 6px 4px; } .mt td.lc { min-width: 62px; } .mt .g { font-size: 11px; }
  .mt tr > :nth-child(1), .mt tr > :nth-child(2) { position: sticky; background: var(--paper); z-index: 1; } .mt tr > :nth-child(1) { left: 0; width: 32px; min-width: 32px; max-width: 32px; box-sizing: border-box; padding-left: 0; padding-right: 3px; } .mt tr > :nth-child(2) { left: 32px; width: 106px; min-width: 106px; max-width: 106px; box-sizing: border-box; overflow-wrap: anywhere; border-right: 1px solid var(--line); }
}
@media (min-width: 641px) { .p23:checked ~ .mtw .mt td.nm { min-width: 130px; } .p23:checked ~ .mtw .mt td.lc { min-width: 70px; } }
.nazad { margin: 0 0 var(--s2); font-family: var(--mono); font-size: 13px; } .nazad a { text-decoration: none; font-weight: 500; } .nazad a:hover { text-decoration: underline; }
.mt tr.hl td, .mt tr:target td { background: var(--bg); border-top: 2px solid var(--ink); border-bottom: 2px solid var(--ink); } .mt tr.hl td:first-child, .mt tr:target td:first-child { box-shadow: inset 4px 0 0 var(--accent); } .mt tr { scroll-margin-top: 40vh; }
.mk-up { display: block; margin-top: 4px; font-family: var(--mono); font-size: 11px; }
.mk { border-top-color: var(--accent); } .mk .panel { padding: var(--s3) 0 0; margin-top: var(--s3); border-top: 1px solid var(--line); background: none; } .mk .panel:first-of-type { border-top: 0; margin-top: 0; }