/* Blackjack PC only v1 - bet + actions panel left (340px, sticky), table right */
@media (min-width: 1024px) {
  .bj-page {
    max-width: 1180px !important;
    display: grid !important;
    grid-template-columns: 340px minmax(0, 1fr) !important;
    grid-template-areas: "top top" "panel table" "fair fair" !important;
    gap: 16px 20px !important;
    padding: 20px !important;
    align-items: stretch !important;
  }
  .bj-page > * { min-width: 0; }
  .bj-page > .bj-topbar { grid-area: top; }
  .bj-page > .bj-table { grid-area: table; margin: 0 !important; min-height: 480px !important; padding: 24px !important; border-radius: 18px !important; }
  .bj-page > .bj-panel { grid-area: panel; margin: 0 !important; align-self: start; position: sticky; top: 16px; display: flex !important; flex-direction: column !important; gap: 10px !important; background: transparent !important; border: 1px solid #e6e9f2; border-radius: 16px !important; padding: 16px !important; }
  html body.light-theme .bj-page > .bj-panel { background: transparent !important; }
  body:not(.light-theme) .bj-page > .bj-panel { background: transparent !important; border-color: rgba(255,255,255,.09); }
  .bj-page > .bj-fair { grid-area: fair; }
  .bj-page > *:not(.bj-topbar):not(.bj-table):not(.bj-panel):not(.bj-fair):not(.bj-modal) { grid-column: 1 / -1; }

  /* panel order: label, field, /2 x2 Max, play, actions, fair */
  .bj-panel > .bj-label { order: 1; margin: 0 !important; }
  .bj-panel > .bj-betrow { display: contents !important; }
  .bj-panel .bj-betrow > .bj-field { order: 2; width: 100% !important; flex: 0 0 auto !important; }
  .bj-panel > .bj-quick { order: 3; margin: 0 !important; }
  .bj-panel .bj-betrow > .bj-btn--play { order: 4; width: 100% !important; flex: 0 0 auto !important; height: 52px !important; }
  .bj-panel > .bj-actions { order: 5; margin: 0 !important; }
  .bj-panel > .bj-fair { order: 6; }
  .bj-panel > *:not(.bj-label):not(.bj-betrow):not(.bj-quick):not(.bj-actions):not(.bj-fair) { order: 7; }

  /* table: bigger cards */
  .bj-page > .bj-table .bj-seat { zoom: 1.2; }
}
