/* SERBUNIB V7 — no color palette replacements, menu or section reordering. */
@media (prefers-reduced-motion: no-preference) {
  .stats-card { transition: transform .2s ease, box-shadow .2s ease; }
  .stats-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.12); }
}
.stats-card { border-radius: 16px; overflow: hidden; }
.stats-card .card-body { min-width: 0; }
.stats-card canvas { display: block; max-width: 100%; }
.serbunib-chart-table { margin-top: 1rem; border: 1px solid currentColor; border-color: rgba(128,128,128,.3); border-radius: 10px; overflow: hidden; }
.serbunib-chart-table > summary { cursor: pointer; padding: .8rem 1rem; font-weight: 600; list-style-position: inside; }
.serbunib-chart-table > summary:focus-visible { outline: 3px solid currentColor; outline-offset: -3px; }
.serbunib-chart-table-scroll { overflow-x: auto; max-height: 340px; overflow-y: auto; }
.serbunib-chart-table-grid { border-collapse: collapse; width: 100%; min-width: 360px; font-size: .88rem; color: inherit; }
.serbunib-chart-table-grid caption { text-align: left; padding: .5rem 1rem; color: inherit; caption-side: top; }
.serbunib-chart-table-grid th, .serbunib-chart-table-grid td { padding: .6rem .8rem; border-top: 1px solid rgba(128,128,128,.25); text-align: right; white-space: normal; }
.serbunib-chart-table-grid th:first-child { text-align: left; }
.serbunib-chart-table-grid thead th { position: sticky; top: 0; background: var(--bs-body-bg, Canvas); color: var(--bs-body-color, CanvasText); z-index: 1; }
.serbunib-chart-table-grid tbody tr:hover { background: rgba(128,128,128,.08); }
.serbunib-chart-table-note { margin: .5rem 1rem; font-size: .8rem; }
@media (max-width: 768px) {
  .stats-card { border-radius: 12px; }
  .stats-card .card-body { padding: 1rem; }
  .serbunib-chart-table-grid { font-size: .8rem; }
  .serbunib-chart-table-grid th, .serbunib-chart-table-grid td { padding: .48rem .55rem; }
}