.grg-stmt-scroll { max-height: calc(100vh - 17rem); overflow: auto; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: rgba(100, 116, 139, 0.22) transparent; } .grg-stmt-scroll::-webkit-scrollbar { width: 3px; height: 3px; } .grg-stmt-scroll::-webkit-scrollbar-track { background: transparent; border-radius: 999px; } .grg-stmt-scroll::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, 0.2); border-radius: 999px; min-height: 1.5rem; } .grg-stmt-scroll::-webkit-scrollbar-thumb:hover { background: rgba(100, 116, 139, 0.38); } .grg-stmt-scroll::-webkit-scrollbar-corner { background: transparent; } .grg-stmt-scroll .grg-stmt-table { margin-bottom: 0; border-collapse: collapse; border-spacing: 0; } .grg-stmt-scroll .grg-stmt-table tbody td { padding: 0.12rem 0.3rem !important; vertical-align: middle; line-height: 1.2; font-size: 0.8rem; border-color: #eef2f7; } .grg-stmt-scroll .grg-stmt-table tbody tr { border-bottom: 1px solid #f1f5f9; } .grg-stmt-scroll .grg-stmt-table tbody tr:hover { background: rgba(13, 110, 253, 0.04); } .grg-stmt-scroll .grg-stmt-table thead th { position: sticky; top: 0; z-index: 3; background: #f1f5f9 !important; box-shadow: 0 1px 0 #e2e8f0; padding: 0.32rem 0.45rem !important; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #64748b; white-space: nowrap; } .grg-stmt-scroll .grg-stmt-table tfoot th, .grg-stmt-scroll .grg-stmt-table tfoot td { position: sticky; bottom: 0; z-index: 3; background: #f1f5f9 !important; box-shadow: 0 -1px 0 #e2e8f0; padding: 0.3rem 0.45rem !important; font-size: 0.8rem; font-weight: 700; border-color: #e2e8f0; } .grg-stmt-scroll .grg-stmt-table .badge { font-size: 0.62rem; padding: 0.1rem 0.35rem; font-weight: 600; } .grg-stmt-scroll .grg-stmt-table .ls-sub { font-size: 0.7rem; line-height: 1.15; margin-top: 0.05rem; } @media (max-width: 991.98px) { .grg-stmt-scroll { max-height: calc(100vh - 14rem); } }