/* Four-Hand Bezique meld tally (assets/js/tools/bezique-tally.js) */
.tl-bz-sides { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: .5rem; }
.tl-bz-side { font: inherit; display: flex; flex-direction: column; align-items: center; gap: .1rem; min-height: 64px; padding: .4rem .5rem;
  background: var(--card); color: var(--card-ink); border: 1px solid var(--card-line); border-radius: 8px; cursor: pointer; }
.tl-bz-side[aria-pressed="true"] { background: var(--card-ink); color: var(--card); border-color: var(--card-ink); }
.tl-bz-name { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .95rem; }
.tl-bz-num { font-size: 1.6rem; font-weight: 800; line-height: 1.1; font-variant-numeric: tabular-nums; }
.tl-bz-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .4rem; margin: .7rem 0 .4rem; }
.tl-bz .tl-bz-m { display: flex; justify-content: space-between; align-items: center; gap: .4rem; text-align: left; padding: .3rem .6rem; line-height: 1.2; }
.tl-bz .tl-bz-m b { font-variant-numeric: tabular-nums; }
.tl-bz-live { min-height: 1.4em; margin: .3rem 0; font-style: normal; font-weight: 700; }
.tl-bz-details { margin: .5rem 0; }
.tl-bz-details > summary { cursor: pointer; padding: .6rem 0; min-height: 44px; color: var(--card-soft); }
.tl-bz-hist { margin: 0; padding-left: 2rem; max-height: 14rem; overflow-y: auto; }
.tl-bz-hist li { padding: .1rem 0; }
.tl-bz-hist li b { float: right; font-variant-numeric: tabular-nums; }
.tl-bz-br { display: grid; gap: .3rem; }
.tl-bz-step { display: flex; align-items: center; gap: .4rem; }
.tl-bz-sname { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tl-bz .tl-bz-pm { min-width: 44px; padding: .2rem; font-weight: 700; }
.tl-bz-val { min-width: 2.2ch; text-align: center; font-weight: 700; font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.tl-bz .tl-out { font-size: 1.05rem; }
.tl-bz-line { display: flex; justify-content: space-between; gap: .6rem; text-align: left; font-weight: 400; padding: .15rem 0; }
.tl-bz-line b { font-size: 1.3rem; font-weight: 800; font-variant-numeric: tabular-nums; }
.tl-bz-check { display: flex; gap: .5rem; align-items: center; min-height: 44px; }
.tl-bz-check input { width: 1.3rem; height: 1.3rem; }
