/* ============ 真实细节：桌牌小牌 · 荷官 · 换班（js/core/table-limits-ui.js） ============
   只用 tokens；深底黄铜细边的小方牌（圆角 4），字 12，短英文 / 数字。 */

/* 顶栏限红行后面的小牌：MIN $100 · 20:00 / MIN $100 + $50 YOU（你的旧注码高亮）/ CLOSING 02:00 */
.th-tl{display:inline-flex;align-items:center;gap:6px;flex:none;min-width:0;}
.th-tl:empty{display:none;}
.th-tl .tl{display:inline-flex;align-items:center;gap:7px;height:24px;padding:0 9px;border:1px solid var(--brass-700);border-radius:var(--r-1);
  background:linear-gradient(180deg,#201711,#110c09);box-shadow:var(--hi-warm);
  font-family:var(--serif);font-size:var(--fs-s);letter-spacing:.1em;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;}
.th-tl .tl b{font-weight:400;color:var(--brass-100);}
.th-tl .tl i{font-style:normal;color:var(--tx-2);}
.th-tl .tl.me{border-color:var(--brass-500);background:linear-gradient(180deg,rgba(201,160,82,.24),rgba(201,160,82,.08));}
.th-tl .tl.me i{color:var(--brass-300);}
.th-tl .tl.warn{border-color:rgba(247,164,60,.55);}
.th-tl .tl.warn b{color:var(--warn);}

/* 顶栏右边的荷官：小头像 + 名字 */
.th-dealer{display:inline-flex;align-items:center;gap:7px;flex:none;white-space:nowrap;
  font-family:var(--serif);font-size:var(--fs-s);letter-spacing:.14em;color:var(--tx-2);}
.th-dealer:empty{display:none;}
.th-dealer .pk-face{width:24px;height:24px;border-radius:50%;display:block;box-shadow:0 0 0 1px var(--brass-700);}
.th-dealer b{font-weight:400;}

/* 换班：挂在顶栏荷官下面、顶部屏那一条上的横条小牌（位置由 TableLimitsUI.place 按荷官那块算；这里是找不到时的默认），停的那几秒 */
.tl-swap{position:absolute;right:16px;top:48px;z-index:20;pointer-events:none;
  display:flex;flex-direction:row;align-items:center;gap:12px;padding:7px 14px 7px 10px;
  background:linear-gradient(180deg,#1c140e,#0c0806);border:1px solid var(--brass-700);border-radius:var(--r-2);
  box-shadow:var(--hi-brass),var(--shadow-2);opacity:0;transform:translateY(-4px);transition:opacity .3s ease,transform .3s ease;}
.tl-swap[style*="left"]{right:auto;transform:translate(-50%,-4px);}
.tl-swap.on{opacity:1;transform:none;}
.tl-swap.on[style*="left"]{transform:translate(-50%,0);}
.tl-swap .fx{display:flex;align-items:center;gap:8px;}
.tl-swap .p{display:block;width:34px;height:34px;}
.tl-swap .p .pk-face{width:34px;height:34px;border-radius:50%;display:block;box-shadow:0 0 0 1px var(--brass-700);}
.tl-swap .ar{width:16px;height:16px;fill:none;stroke:var(--brass-500);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.tl-swap.on .p.out{opacity:.45;transition:opacity .35s ease .15s;}
.tl-swap .p.in{opacity:0;transform:translateX(8px);}
.tl-swap.on .p.in{opacity:1;transform:none;transition:opacity .35s ease .2s,transform .35s ease .2s;}
.tl-swap .tx{display:flex;flex-direction:column;align-items:flex-start;gap:2px;}
.tl-swap b{font-family:var(--serif);font-weight:400;font-size:var(--fs-m);letter-spacing:.2em;color:var(--brass-300);white-space:nowrap;}
.tl-swap small{font-family:var(--serif);font-size:var(--fs-s);letter-spacing:.16em;color:var(--tx-2);white-space:nowrap;}

/* 手机：顶栏窄，荷官只留头像 */
html.m .th-dealer b{display:none;}
html.m .th-tl .tl{height:22px;padding:0 6px;gap:5px;}