.pos-table { min-width: 1080px; }
.pos-table th { white-space: nowrap; }
.pos-table td { vertical-align: middle; padding: 14px 12px; }
.pos-table td b { font-family: var(--num-font); font-size: 18px; font-weight: 600; }
.pos-table .name b { font-family: var(--sans); }
.pos-table .pos-sub { color: var(--dim); font-size: 12px; line-height: 1.5; margin-top: 2px; white-space: nowrap; font-family: var(--sans); font-weight: 400; letter-spacing: 0; }
.pos-table .pos-sub .up, .pos-table .pos-sub .down, .pos-table .pos-sub.up, .pos-table .pos-sub.down { font-family: var(--num-font); font-size: 14px; }
.pos-table .name { min-width: 160px; font-size: 15.5px; }
.pos-table tr.pos-row { cursor: pointer; }
.pos-table tr.pos-row:has(+ .pos-detail:not([hidden])) td { background: rgba(201, 163, 90, .06); border-bottom-color: transparent; }
.pos-actions { display: flex; gap: 4px; flex-wrap: wrap; }
.pos-actions .btn { min-height: 28px; }
.pos-detail td { background: var(--inset); padding: 14px 18px 18px !important; white-space: normal !important; }
.pos-detail[hidden] { display: none; }
.pos-detail-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 18px; font-size: 13.5px; color: var(--muted); line-height: 1.65; }
.pos-table .pos-detail-grid b { color: var(--dim); font-size: 12.5px; font-weight: 500; letter-spacing: .06em; font-family: var(--sans); }
.pos-detail-grid .checkline { font-size: 13.5px; }
@media (max-width: 860px) {
  .pos-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}