/* Member operations refinement: orders, tablet sports, compact finance, and media framing. */
.member-orders-workspace { min-width: 0; }
.member-order-summary { margin-bottom: 10px; }
.member-order-summary .member-order-point-total { margin-top: 4px; color: inherit; font-size: 13px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.member-orders-head {
  min-height: 54px;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  border: 1px solid #303b40;
  background: #12191d;
}
.member-orders-head > div { color: #e8eef0; font-size: 14px; font-weight: 850; }
.member-orders-head > span { color: #839096; font-size: 9px; text-align: right; }
.member-order-filters {
  min-width: 0;
  padding: 8px;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) repeat(4, minmax(112px, 150px)) auto auto;
  align-items: center;
  gap: 6px;
  border: 1px solid #303b40;
  border-top: 0;
  background: #0f161a;
}
.member-order-filters :is(input, select) {
  min-width: 0;
  width: 100%;
  height: 34px;
  padding: 0 9px;
  border: 1px solid #37434a;
  border-radius: 4px;
  background: #172126;
  color: #e8eef0;
  font-size: 10px;
}
.member-order-cancellable { min-height: 34px; display: inline-flex; align-items: center; gap: 6px; color: #a7b3b7; font-size: 9px; white-space: nowrap; }
.member-order-cancellable input { width: 15px; height: 15px; padding: 0; accent-color: var(--member-teal); }
.member-order-desktop-table { min-width: 0; border: 1px solid #303b40; border-top: 0; background: #12191d; }
.member-order-desktop-table .table-workspace { border: 0; }
.member-order-table { min-width: 1040px; }
.member-order-mobile-list { display: none; }
.member-order-cancel-unavailable { color: #89969b; font-size: 9px; white-space: nowrap; }
.member-order-action { min-width: 0; display: grid; justify-items: end; gap: 4px; }
.member-order-cancel-window { max-width: 132px; overflow: hidden; color: #89969b; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.member-order-card { min-width: 0; overflow: hidden; border: 1px solid #37434a; border-radius: 6px; background: #12191d; color: #e8eef0; }
.member-order-card-head { min-height: 34px; padding: 5px 8px; display: flex; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid #303b40; background: #0f161a; }
.member-order-card-subject { min-width: 0; padding: 9px; display: grid; gap: 4px; }
.member-order-card-subject strong,
.member-order-card-subject span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.member-order-card-subject strong { font-size: 11px; }
.member-order-card-subject span { color: #89969b; font-size: 9px; }
.member-order-card-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid #303b40; background: #303b40; gap: 1px; }
.member-order-card-facts > div { min-width: 0; min-height: 56px; padding: 7px; display: grid; align-content: center; gap: 5px; background: #12191d; }
.member-order-card-facts span { color: #89969b; font-size: 8px; }
.member-order-card-facts b { min-width: 0; font-size: 10px; line-height: 1.35; overflow-wrap: anywhere; }
.member-order-card-foot { min-height: 48px; padding: 6px 8px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.member-order-card-foot .primary-cell { min-width: 0; overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.member-order-card-foot .sub-cell { color: #89969b; font-size: 8px; }
.member-order-card-foot .member-order-cancel { min-width: 76px; min-height: 34px; }
.member-order-card-foot .member-order-action { min-width: 92px; }
.member-order-empty { min-height: 160px; display: grid; place-content: center; color: #89969b; font-size: 10px; }

.member-wallet-band .member-wallet-total-secondary { color: #9ecac5; font-size: 13px; font-weight: 800; }
.member-wallet-card .member-wallet-available-label { color: #748184; }
.login-demo-hint { display: block; margin-top: 4px; color: #7d898b; font-size: 9px; line-height: 1.45; }
.member-app-shell[data-view="casino"] .casino-image-entrance.maintenance { cursor: pointer; opacity: .7; }
.member-app-shell[data-view="casino"] .casino-image-entrance.maintenance:hover { border-color: #6a7375; opacity: .82; }
.member-app-shell[data-view="casino"] .casino-image-entrance.maintenance:hover .casino-image-entrance-art { transform: none; }
.member-account-disclosure > summary { min-width: 0; min-height: 42px; padding: 0 12px; display: flex; align-items: center; overflow: hidden; color: #c9d2d4; font-size: 10px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.member-account-disclosure[open] > summary { border-bottom: 1px solid #303b40; }

body[data-role="MEMBER"] .member-app-shell[data-view="mini"] .mini-official-live-screen {
  height: auto;
  min-height: 0;
  aspect-ratio: var(--mini-media-ratio, 830 / 660);
}
body[data-role="MEMBER"] .member-app-shell[data-view="mini"] .mini-stage-top .badge { white-space: nowrap; }

body[data-role="MEMBER"] .member-funds-steps > div { min-height: 38px; padding-block: 5px; }
body[data-role="MEMBER"] .member-funds-steps b { width: 19px; height: 19px; }
body[data-role="MEMBER"] .result-history-workspace > .kpi-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  margin-bottom: 8px;
  border: 1px solid #303b40;
  background: #303b40;
}
body[data-role="MEMBER"] .result-history-workspace > .kpi-grid .kpi { min-height: 62px; padding: 8px 10px; border: 0; border-radius: 0; background: #12191d; }
body[data-role="MEMBER"] .result-history-workspace > .kpi-grid .kpi-label { font-size: 9px; }
body[data-role="MEMBER"] .result-history-workspace > .kpi-grid .kpi-value { margin-top: 7px; font-size: 16px; }
body[data-role="MEMBER"] .result-history-workspace > .kpi-grid .kpi-note { display: none; }
body[data-role="MEMBER"] .result-history-filters { grid-template-columns: repeat(6, minmax(0, 1fr)); margin-bottom: 8px; }
.member-result-history-advanced {
  grid-column: 1 / 5;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  border: 1px solid #3a474d;
  background: #11191d;
}
.member-result-history-advanced > summary { grid-column: 1 / -1; min-height: 34px; padding: 0 10px; display: flex; align-items: center; color: #9eabad; font-size: 9px; font-weight: 800; cursor: pointer; }
.member-result-history-advanced[open] { padding: 0 8px 8px; }
.member-result-history-advanced[open] > summary { margin-inline: -8px; }
body[data-role="MEMBER"] .result-history-filter-actions { grid-column: 5 / -1; align-self: stretch; }

@media (max-width: 1020px) {
  .member-order-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .member-order-filters > input { grid-column: span 2; }
  .member-order-desktop-table { display: none; }
  .member-order-mobile-list { display: grid; gap: 7px; margin-top: 8px; }
  body[data-role="MEMBER"] .result-history-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .member-result-history-advanced { grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-role="MEMBER"] .result-history-filter-actions { grid-column: 1 / -1; }
}

@media (max-width: 1020px) and (min-width: 761px) {
  .member-view-sports > .member-workspace-segment {
    margin: 7px 0 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    border: 1px solid #3b474c;
    background: #3b474c;
  }
  .member-view-sports > .member-workspace-segment button { min-height: 38px; border: 0; background: #20282c; color: #aeb9bb; font-size: 10px; font-weight: 800; }
  .member-view-sports > .member-workspace-segment button.active { background: #118f77; color: #ffffff; }
  .member-view-sports .sports-toolbar { grid-template-columns: minmax(0, 1fr); }
  .member-view-sports .sports-mode { width: 100%; }
  .member-view-sports .sports-mode button { flex: 1; }
  .member-view-sports .sports-member-filter { grid-template-columns: minmax(0, 1fr) minmax(128px, .48fr) auto auto; }
  .member-view-sports .sports-favorites-filter { grid-column: 1 / 3; }
  .member-view-sports .sports-workspace { grid-template-columns: minmax(0, 1fr); }
  .member-view-sports .sports-workspace > .member-mobile-pane { display: none; }
  .member-view-sports .sports-workspace > .member-mobile-pane.mobile-active { display: block; }
  .member-view-sports .sports-category-rail { grid-column: auto; }
  .member-view-sports .sports-event-row { grid-template-columns: 58px minmax(0, 1fr); }
  .member-view-sports .sports-market-grid { grid-column: 1 / -1; }
  .member-view-sports .sports-workspace > .member-bet-slip { width: 100%; max-width: 620px; margin-inline: auto; }
}

@media (max-width: 760px) {
  .member-order-summary { grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.6fr) minmax(0, 0.7fr); }
  .member-order-summary div { min-height: 58px; padding: 9px; }
  .member-order-summary span { font-size: 8px; }
  .member-order-summary b { margin-top: 6px; overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
  .member-orders-head { min-height: 48px; align-items: flex-start; flex-direction: column; gap: 3px; }
  .member-orders-head > span { text-align: left; }
  .member-order-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-order-filters > input { grid-column: 1 / -1; }
  .member-order-cancellable { min-width: 0; }
  .member-order-filters > .btn { width: 100%; }
  .member-view-sports > .member-workspace-segment { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-role="MEMBER"] .member-app-shell[data-view="mini"] .mini-official-live-screen { height: auto; min-height: 0; }
  .member-wallet-band { grid-template-columns: minmax(0, 1fr) auto; }
  .member-wallet-band .member-wallet-total-secondary { grid-column: 1; }
  body[data-role="MEMBER"] .result-history-workspace > .kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body[data-role="MEMBER"] .result-history-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-app-shell[data-view="home"] .member-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-app-shell[data-view="home"] .member-product-card { min-height: 174px; grid-template-rows: 82px 58px 34px; }
  .member-app-shell[data-view="home"] .member-product-copy { padding: 8px; }
  .member-app-shell[data-view="home"] .member-product-copy h2 { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
  .member-app-shell[data-view="home"] .member-product-copy p { display: none; }
  .member-app-shell[data-view="home"] .member-product-foot { min-height: 34px; padding-inline: 8px; }
}

@media (max-width: 390px) {
  .member-order-card-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-order-card-facts > div:last-child { grid-column: 1 / -1; min-height: 48px; }
  body[data-role="MEMBER"] .result-history-workspace > .kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .member-result-history-advanced { grid-template-columns: minmax(0, 1fr); }
}