/* Local behavior fixes. Original captured theme remains the visual baseline. */
#iframeContent { position:relative; height:calc(100vh - 112px); overflow:hidden; }
#iframeContent iframe { width:100%; height:100%; border:0; display:block; background:#fff; }
#iframeContent iframe.hide { display:none !important; }
.history-container { display:inline-flex; white-space:nowrap; }
.history-container .history-tag { cursor:pointer; }
.history-wrapper { max-width:calc(100% - 180px); overflow-x:auto; }
#menu { overflow-y:auto; height:100vh; }
#menu .collapse.in { display:block; }
.mock-menu-collapsed #menu { display:none; }
.mock-menu-collapsed #content { margin-left:0 !important; }
.mock-toast { position:fixed; z-index:100000; top:24px; left:50%; transform:translateX(-50%); background:#24252d; color:white; padding:12px 22px; border-radius:6px; box-shadow:0 4px 20px #0002; }
.mock-pager { display:flex; align-items:center; justify-content:space-between; padding:16px 0; color:#777b87; gap:15px; }
.mock-pager button { border:1px solid #e7e7ed; background:#fff; color:#727784; border-radius:4px; min-width:32px; height:30px; margin:0 3px; cursor:pointer; }
.mock-pager button.active { background:#a578ed; color:#fff; border-color:#a578ed; }
.mock-table-wrap { overflow:auto; }
.mock-action { color:#9971df; cursor:pointer; border:0; background:none; padding:2px 5px; font:inherit; }
.mock-status { display:inline-block; padding:3px 8px; border-radius:4px; background:#e7f7ee; color:#34a875; white-space:nowrap; }
.mock-status.pending { color:#d29421; background:#fff4df; }
.mock-status.off { color:#e46b70; background:#fff0f1; }
.mock-modal-backdrop { position:fixed; inset:0; z-index:99999; background:#0006; display:flex; align-items:center; justify-content:center; padding:24px; }
.mock-modal { width:680px; max-width:95vw; max-height:90vh; overflow:auto; background:#fff; border-radius:8px; box-shadow:0 12px 60px #0003; }
.mock-modal header { padding:18px 22px; border-bottom:1px solid #eee; font-size:17px; color:#4b4e59; }
.mock-modal header button { float:right; border:0; background:transparent; color:#9c9da6; font-size:22px; }
.mock-modal section { padding:24px; }
.mock-modal footer { padding:16px 22px; border-top:1px solid #eee; text-align:right; }
.mock-modal .form-group { margin-bottom:18px; }
.mock-modal label { display:block; margin-bottom:7px; }
.mock-modal .detail-grid { display:grid; grid-template-columns:130px 1fr; gap:14px; }
.mock-synthetic-result { clear:both; margin:22px 0; padding:22px; }
.mock-chart { display:flex; align-items:end; gap:7%; height:230px; border-bottom:1px solid #e8e9ef; padding:25px 45px 0; }
.mock-chart .bar { flex:1; background:linear-gradient(#b993f2,#956cda); position:relative; border-radius:4px 4px 0 0; min-width:22px; }
.mock-chart .bar span { position:absolute; bottom:-25px; left:50%; transform:translateX(-50%); white-space:nowrap; color:#8c8e99; font-size:12px; }
.mock-badge { position:fixed; bottom:10px; right:16px; z-index:500; color:#a8a9b4; font-size:10px; letter-spacing:1px; pointer-events:none; }
.mock-native-select { display:block !important; position:static !important; width:100% !important; height:38px !important; clip:auto !important; opacity:1 !important; border:1px solid #e9e9ee; border-radius:5px; padding:6px 12px; background:white; color:#555; }
.mock-native-select[multiple] { height:38px !important; }
.mock-native-select { visibility:visible !important; }
.cd-trigger,.cd-panel { display:none !important; }
@font-face { font-family:FontAwesome; src:url('/assets/fontawesome.woff2') format('woff2'); font-weight:normal; font-style:normal; }
@font-face { font-family:'Glyphicons Halflings'; src:url('/assets/glyphicons.woff2') format('woff2'); font-weight:normal; font-style:normal; }
.select2-container,.cd-dropdown-wrapper,.cd-dropdown { display:none !important; }
.mock-date { cursor:pointer; }
.daterangepicker,.bootstrap-datetimepicker-widget { display:none !important; }
.mock-date-popover { position:absolute; z-index:1000; padding:18px; background:white; border:1px solid #e8e8ed; box-shadow:0 5px 24px #0002; border-radius:6px; }
body[data-route] .layout-app { min-height:100vh; }
body[data-route="/game-bet-v3/index?type=member"] .cd-trigger { display:block !important; }
body[data-route="/game-bet-v3/index?type=member"] .bet-time-open .cd-panel { display:block !important; }
.history-container-operate { display:inline-flex; align-items:center; gap:4px; }
.history-container-operate .history-tag { cursor:pointer; }
.history-container-operate .history-tag.disabled { opacity:.45; cursor:default; }
.notifications > li.open > .dropdown-menu { display:block !important; }
.notifications a[href*="language="].lang-active::after { content:'✓'; margin-left:12px; color:#9b71db; }
table.bet-populated { table-layout:fixed; }
table.bet-populated td { vertical-align:top; padding:8px; font-size:13px; line-height:1.42857143; }
table.bet-populated .hint-block { overflow-wrap:anywhere; }
table.bet-populated.has-imported-rows td:nth-child(9),
table.bet-populated.has-imported-rows td:nth-child(10) .hint-block {
  white-space:normal !important;
  overflow-wrap:anywhere;
  word-break:break-all;
}

@media (max-width: 767px) {
  body[data-route="/game-bet-v3/index?type=member"] .table-responsive {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  /* Match the reference phone layout while retaining all twelve columns. */
  table.bet-populated {
    width: 1170px;
    min-width: 1170px;
  }

  table.bet-populated col:nth-child(1) { width: 156.2396px !important; }
  table.bet-populated col:nth-child(2) { width: 171.1354px !important; }
  table.bet-populated col:nth-child(3) { width: 138.1979px !important; }
  table.bet-populated col:nth-child(4) { width: 41.6667px !important; }
  table.bet-populated col:nth-child(5) { width: 64.1875px !important; }
  table.bet-populated col:nth-child(6) { width: 134.625px !important; }
  table.bet-populated col:nth-child(7) { width: 134.625px !important; }
  table.bet-populated col:nth-child(8) { width: 64.1875px !important; }
  table.bet-populated col:nth-child(9) { width: 40.4271px !important; }
  table.bet-populated col:nth-child(10) { width: 79.1042px !important; }
  table.bet-populated col:nth-child(11) { width: 79px !important; }
  table.bet-populated col:nth-child(12) { width: 66.6042px !important; }

  table.bet-populated td {
    font-size: 12.5px;
    white-space: nowrap;
  }
}