.tab[aria-selected="true"] { border-bottom-color: #2E6B57; color: #2E6B57; font-weight: 600; }
.num { font-variant-numeric: tabular-nums; text-align: right; }
table.grid { display: table; }   /* Tailwind 의 .grid(display:grid)가 표를 깨뜨리지 않게 */
table.grid th { position: sticky; top: 0; background: #F0EEE8; cursor: pointer; white-space: nowrap; user-select: none; }
table.grid th { text-align: right; }
table.grid th.text-left { text-align: left; }
table.grid th, table.grid td { padding: .35rem .6rem; border-bottom: 1px solid #E2DFD6; font-size: .85rem; }
table.grid tbody tr:hover { background: #F6F5F1; }
table.grid tr.total td { background: #E6F0EC; font-weight: 700; }
.bar { position: relative; display: block; min-width: 3.4rem; }
.bar > i { position: absolute; inset: 0 auto 0 0; opacity: .28; border-radius: 2px; }
.bar > b { position: relative; font-weight: 500; }