.bieu-table {
    width: 100%; border-collapse: collapse; font-size: 14px;
    white-space: nowrap;
}
.bieu-table th, .bieu-table td {
    border: 1px solid #b6d0e8;
    padding: 5px 8px;
    vertical-align: middle;
}
.bieu-table thead tr.hdr-1 th {
    background: #d0e8f5;
    font-weight: 700;
    text-align: center;
    font-size: 13px;
    color: #1a3c5e;
}
.bieu-table thead tr.hdr-2 th {
    background: #e6f3fa;
    font-weight: 600;
    text-align: center;
    font-size: 13px;
    color: #1a3c5e;
}
.bieu-table td.lbl        { white-space: normal; min-width: 180px; }
.bieu-table td.lbl-1      { padding-left: 18px; }
.bieu-table td.lbl-2      { padding-left: 32px; color: #444; }
.bieu-table td.num        { text-align: right; font-size: 13px; }
.bieu-table td.cen        { text-align: center; font-size: 13px; }
.bieu-table td.dash       { text-align: center; color: #adb5bd; }
.bieu-table tr.r-total > td { font-weight: 700; color: #c0392b; background: #fff5f5; }
.bieu-table tr.r-group > td { font-weight: 700; color: #1a3c5e; background: #daeeff; }
.bieu-table tr.r-sub   > td { font-weight: 600; color: #154360; background: #eaf5fb; }
.bieu-table tbody tr:hover  { background: #f5faff; }

.tbl-spinner {
    display: flex; align-items: center; justify-content: center;
    gap: 10px; padding: 52px 0; color: #adb5bd; font-size: 13px;
}
.tbl-empty { text-align: center; padding: 52px 0; color: #adb5bd; }
.tbl-empty i { font-size: 42px; display: block; margin-bottom: 10px; opacity: .5; }

/* ── SCROLL KÉP ── */
.scroll-top-bar {
    overflow-x: scroll;
    overflow-y: hidden;
    height: 12px;
    margin-bottom: 2px;
}
.scroll-top-bar-inner {
    height: 12px;
}
.dual-scroll-wrap {
    overflow-x: scroll;
    overflow-y: visible;
}
/* Luôn hiện scrollbar — webkit */
.scroll-top-bar::-webkit-scrollbar,
.dual-scroll-wrap::-webkit-scrollbar {
    height: 8px;
}
.scroll-top-bar::-webkit-scrollbar-track,
.dual-scroll-wrap::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
.scroll-top-bar::-webkit-scrollbar-thumb,
.dual-scroll-wrap::-webkit-scrollbar-thumb {
    background: #b0c4d8;
    border-radius: 4px;
}
.scroll-top-bar::-webkit-scrollbar-thumb:hover,
.dual-scroll-wrap::-webkit-scrollbar-thumb:hover {
    background: #5ba2e8;
}
/* Firefox */
.scroll-top-bar,
.dual-scroll-wrap {
    scrollbar-width: thin;
    scrollbar-color: #5ba2e8 #f1f1f1;
}