/* Canonical order table. HOME / best-order / team must use only this component. */
.order-table-wrap{width:100%;max-width:100%;overflow:hidden;border:1px solid #c8d4de;background:#fff}
.order-table{width:100%;min-width:0;max-width:100%;table-layout:fixed;border-collapse:collapse}
.order-table th,.order-table td{height:29px;padding:3px 0;border-bottom:1px solid #e8edf0;color:#334d61;font-size:10.5px;line-height:1;text-align:center;vertical-align:middle;white-space:nowrap}
.order-table th{height:25px;background:var(--radar-head,#eaf1f3);color:#536b76;font-size:10.5px;font-weight:900}
.order-table tbody tr:last-child td{border-bottom:1px solid #e8edf0}
.order-table col.c-order,.order-table col.c-pos{width:24px}
.order-table col.c-name{width:auto}
.order-table col.c-avg{width:34px}
.order-table col.c-count{width:26px}
.order-table col.c-rbi{width:30px}
.order-table col.c-traj{width:28px}
.order-table col.c-ability{width:20px}
.order-table th:first-child,.order-table td:first-child{padding-left:5px}
.order-table th:nth-child(3),.order-table td:nth-child(3){padding-left:4px;padding-right:3px;text-align:left}
.order-table th:last-child,.order-table td:last-child{padding-right:5px}
.order-player{display:block;max-width:100%;overflow:hidden;color:#173d5b;font-size:11px;font-weight:900;line-height:1.15;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}
.order-player:hover{text-decoration:underline;text-underline-offset:2px}
.order-player-year{color:#7d8b96;font-weight:700}
.order-grade{display:inline-block;min-width:0;font-family:Arial,"Helvetica Neue",sans-serif;font-size:11px;font-weight:950;line-height:1;text-align:center;text-shadow:0 1px 0 #fff,0 0 1px rgba(0,0,0,.12)}
.order-grade-S{color:#e743cf}.order-grade-A{color:#ef3f86}.order-grade-B{color:#ed5154}.order-grade-C{color:#e99a21}.order-grade-D{color:#b8ad1f}.order-grade-E{color:#3fbd4e}.order-grade-F{color:#3d92df}.order-grade-G{color:#666dcc}
.order-dash{color:#9aa8b3;font-size:10px;font-weight:900}
.order-traj{height:18px;display:inline-flex;align-items:center;justify-content:center;gap:1px;color:#173d5b;font-size:10px;font-weight:950;line-height:1;vertical-align:middle}
.order-traj svg{display:block;width:16px;height:16px;flex:0 0 16px;overflow:visible}
.order-traj b{font-size:10.5px;font-weight:950;line-height:1}
.order-status{height:46px!important;color:#8b99a4!important;text-align:center!important}
.order-lineup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;align-items:stretch;width:100%}
.order-pane{display:flex;min-width:0;flex-direction:column;border:1px solid #c8d4de;background:#fff}
.order-pane+.order-pane{border-left:0}
.order-pane .order-table-wrap{flex:1;border:0}
.order-pane-title{box-sizing:border-box;height:22px;padding:5px 8px 4px;border:0;border-bottom:1px solid #c8d4de;color:#536b7c;font-size:9px;font-weight:900;line-height:1.2}
@media(max-width:780px){.order-lineup-grid{grid-template-columns:1fr;gap:10px}.order-pane+.order-pane{border-left:1px solid #c8d4de}}
@media(max-width:760px){
  .order-table col.c-order,.order-table col.c-pos{width:20px}
  .order-table col.c-avg{width:30px}.order-table col.c-count{width:22px}.order-table col.c-rbi{width:26px}.order-table col.c-traj{width:24px}.order-table col.c-ability{width:18px}
  .order-table th:first-child,.order-table td:first-child{padding-left:4px}.order-table th:last-child,.order-table td:last-child{padding-right:4px}
  .order-table th,.order-table td{height:27px;padding:2px 0;font-size:9.5px}.order-player{font-size:10.5px}.order-grade{font-size:10.5px}.order-traj{transform:scale(.9);transform-origin:center}
}

/* MOBILE_ORDER_PANE_SEPARATION_V2
   Starter and bench are independent closed rectangles; the gap exposes the site background. */
@media(max-width:780px){
  body .best-wrap .decade-card{background:transparent!important;border:0!important;box-shadow:none!important}
  body .best-wrap .decade-card-head{background:#fff!important;border:1px solid #c8d4de!important;border-bottom:0!important}
  body .best-wrap .order-lineup-grid{grid-template-columns:1fr!important;row-gap:10px!important;column-gap:0!important;background:transparent!important}
  body .best-wrap .order-pane{border:1px solid #c8d4de!important;background:#fff!important;margin:0!important}
  body .best-wrap .order-pane+.order-pane{border:1px solid #c8d4de!important}
}