/* ==========================================================
ws-adv.css — ＋패널 (tr.adv-row / .adv-panel)
의존: ws-base.css, ws-table.css
========================================================== */
/* ── 모바일: ＋패널 ─────────────────────────────────── */
@media (max-width:768px){
  
  @media (max-width:768px){
  body{ padding:8px !important; }
  
  /* ── 헤더: 2줄 ── */
  .header-bar{ flex-direction:row !important; align-items:center !important; gap:8px !important; padding:8px !important; background:#000 !important; }
  .header-left,.header-center,.header-right{ flex:none !important; width:auto !important; }
  
  /* 1줄: 위너메인 로고를 맨 위로 */
  .header-center{ order:1 !important; flex:0 0 auto !important; text-align:left !important; }
  .header-center div[onclick]{ padding:1px 6px !important; gap:8px !important; justify-content:flex-start !important; }
  .header-center img{ width:54px !important; height:54px !important; }
  .ws-logo-pc{ display:none !important; }
  .ws-logo-mo{ display:inline-block !important; }
  .header-center div[onclick] > div:last-child > div:first-child{ font-size:31px !important; letter-spacing:1.8px !important; }
  .header-center .ws-sub{ font-size:17px !important; letter-spacing:5px !important; }
  
  /* 2줄: 아이디 + 버튼들 한 줄 */
  .header-left{ display:none !important; }
  .header-right{ order:2 !important; flex:1 1 auto !important; min-width:0 !important;
  justify-content:flex-end !important; align-items:center !important;
  padding-right:0 !important; flex-wrap:wrap !important; gap:3px !important; overflow:visible !important; }
  .header-right::before{
  content:attr(data-nick); flex:0 0 100%; width:100%; box-sizing:border-box;
  padding-right:32px; color:#ffd700;
  font-size:14px; font-weight:900; white-space:nowrap; text-align:right;
  }
  .header-right button{ font-size:11.5px !important; padding:4px 6px !important; flex:0 0 auto !important; }
  #adminBtn{ font-size:17px !important; padding:2px 7px !important; line-height:1 !important; }
  .header-right button:first-of-type{ display:none !important; }
  #btnDarkMode{ top:6px !important; right:8px !important; font-size:20px !important; }
  
  
  
  /* ── 컨트롤 바 3줄 ── */
  .top-controls{ gap:6px !important; }
  .center-controls{ width:100% !important; flex-wrap:wrap !important;
  justify-content:center !important; gap:4px !important; }
  .center-controls > span[style*="width:1px"],
  .center-controls > span[style*="width:2px"]{ display:none !important; }
  
  /* 1줄: 배트맨/해외용 큰 토글 (색으로 모드 구분) */
  #regionToggleWrap{
  order:1 !important; flex:1 1 auto !important;
  display:flex !important; align-items:stretch !important; gap:4px !important;
  background:transparent !important; border-radius:0 !important; padding:0 !important;
  margin-bottom:2px !important;
  }
  #btnRegionKR,#btnRegionINTL{
    flex:1 1 0 !important; padding:0 !important; height:27px !important;
    border:none !important; border-radius:6px !important;
    font-size:13.5px !important; font-weight:700 !important; line-height:27px !important;
  }
  /* 비활성 = 흰색 / 활성 = 진한 배경 */
  #btnRegionKR{ background:#eceff3 !important; color:#7a7f88 !important; }
  #btnRegionINTL{ background:#eceff3 !important; color:#7a7f88 !important; }
  #btnRegionKR.is-on{ background:#000 !important; color:#ffd700 !important; }
  #btnRegionINTL.is-on{ background:#0f3b2a !important; color:#6ee7a8 !important; }
  
  /* 체크경기/모든경기 — 경기추가와 동일 폭 */
  #btnPickToggle{
  order:2 !important; flex:0 0 80px !important;
  box-sizing:border-box !important;
  width:80px !important; min-width:80px !important; max-width:80px !important;
  height:27px !important; padding:0 !important; margin:0 !important;
  font-size:13.5px !important; font-weight:700 !important; border-radius:6px !important;
  line-height:1.2 !important; white-space:nowrap !important;
  }
  
  /* 2줄: 종목 5개 + 추가 버튼 (강제 줄바꿈) */
  .center-controls::after{
  content:"" !important; order:8 !important;
  flex:1 0 100% !important; height:0 !important; margin:0 !important;
  }
  .center-controls > .sport-btn{
  order:9 !important; flex:1 1 0 !important; min-width:0 !important;
  padding:2px 0 !important; font-size:13.5px !important; height:27px !important;
  font-weight:700 !important; line-height:1.2 !important;
  white-space:nowrap !important; margin:0 !important;
  }
  .center-controls > .sport-btn[data-sport="축구"]{ margin-left:0 !important; }
  
  /* 추가 버튼 — 종목 맨 뒤, 같은 크기, 검정+골드로 구별 */
  /* 경기추가 — 4글자라 종목보다 넓게, 나머지는 균등 축소 */
  #addGameBtn{
  order:10 !important; flex:0 0 80px !important; box-sizing:border-box !important;
  width:80px !important; min-width:80px !important; max-width:80px !important;
  padding:0 !important; font-size:13.5px !important; height:27px !important;
  margin:0 0 0 5px !important; white-space:nowrap !important;
  background:#000 !important; color:#ffd700 !important;
  border:2px solid #ffd700 !important; border-radius:6px !important;
  font-weight:700 !important;
  }
  
  /* 3줄: 2경기 → 초기화 → 완료 → 조합 → 저장 */
  .right-controls{ width:100% !important; justify-content:center !important;
    flex-wrap:nowrap !important; gap:2px !important; }
  .ctrl-btn{ flex:1 1 0 !important; min-width:0 !important;
    padding:0 !important; font-size:13.5px !important; white-space:nowrap !important;
    height:27px !important; border-radius:6px !important; box-sizing:border-box !important;
    background:var(--bg3) !important; color:var(--silver4) !important;
    border:1px solid var(--border) !important; font-weight:700 !important; opacity:0.75 !important; }
    .right-controls #turnBtn{ font-size:13.5px !important; font-weight:700 !important; }
    .ctrl-btn:not(:disabled){
    background:#000 !important; color:#ffd700 !important;
    border:2px solid #ffd700 !important; font-weight:700 !important; opacity:1 !important; }
  #turnBtn{ background:var(--bg3) !important; color:var(--silver4) !important;
  border:1px solid var(--border) !important; font-weight:700 !important; opacity:0.75 !important; }
  #turnBtn:not([style*="pointer-events"]){
    background:transparent !important; color:#ffd700 !important;
  border:2px solid #ffd700 !important; opacity:1 !important; }
  .right-controls #turnBtn{
    font-size:13.5px !important; font-weight:700 !important;
    color:var(--silver4) !important; }
    .right-controls #turnBtn:not([style*="pointer-events"]){
    color:#ffd700 !important; }
    .right-controls #turnBtn{
      font-size:13.5px !important; font-weight:700 !important;
      color:var(--silver4) !important; }
      .right-controls #turnBtn:not([style*="pointer-events"]){
      color:#ffd700 !important; }
      #turnBtn{ order:2 !important; }
  .right-controls > .ctrl-btn[onclick="resetTable()"]{ order:3 !important; }
  #doneBtn{ order:3 !important; }
  #bettingBtn{ order:4 !important; }
  #bettingBtn.is-blink{
  animation:wsComboBlinkM 1s ease-in-out infinite !important; }
  @keyframes wsComboBlinkM{
  0%,100%{ background:#1e3a8a !important; color:#ffffff !important;
      border:2px solid #1e3a8a !important;
      box-shadow:0 0 0 0 rgba(30,58,138,.7); }
  50%{ background:#2563eb !important; color:#ffd700 !important;
  border:2px solid #60a5fa !important;
  box-shadow:0 0 0 6px rgba(37,99,235,0); }
  }
  #saveBtn{ order:5 !important; }
  #backFromBetBtn,#backFromCalcBtn{ order:1 !important; flex:1 1 0 !important; }
  
  /* ＋패널 — index.html 색상 그대로 */
  #winnerTable tbody tr.adv-row{ display:block !important; }
  #winnerTable tbody tr.adv-row > td{
  display:block !important; width:100% !important; padding:0 !important;
  height:auto !important; line-height:normal !important; overflow:visible !important;
  border:none !important; background:transparent !important; }
  #winnerTable tbody tr.adv-row > td *{ text-shadow:none !important; }
  #winnerTable tbody tr.adv-row .adv-panel{
  display:block !important; width:auto !important;
  white-space:normal !important; padding:4px !important;
  overflow:hidden !important;
  border-radius:10px !important; margin:0 4px 4px !important; }
  html[data-region="kr"] #winnerTable tbody tr.adv-row .adv-panel{
  background:#eef1f5 !important; border:1px solid #c3cbd8 !important; }
  html[data-region="ov"] #winnerTable tbody tr.adv-row .adv-panel{
  background:#ecf1ed !important; border:1px solid #b3c4b7 !important; }
  html[data-theme="dark"][data-region="kr"] #winnerTable tbody tr.adv-row .adv-panel{ background:#dde2e9 !important; }
  html[data-theme="dark"][data-region="ov"] #winnerTable tbody tr.adv-row .adv-panel{ background:#d9e2db !important; }
  
  #winnerTable tbody tr.adv-row .adv-panel > div{
  display:block !important; width:100% !important; white-space:normal !important; }
  #winnerTable tbody tr.adv-row .adv-panel > div > div{
  width:100% !important; padding:0 !important; }
  #winnerTable tbody tr.adv-row .ws-adv-split{
  display:flex !important; flex-wrap:nowrap !important;
  gap:4px !important; align-items:flex-start !important; width:100% !important; }
  #winnerTable tbody tr.adv-row .ws-adv-col{
  flex:1 1 0 !important; min-width:0 !important; }
  #winnerTable tbody tr.adv-row table{
  flex:none !important; min-width:0 !important;
  width:100% !important; max-width:100% !important; display:table !important;
  table-layout:auto !important; border-collapse:collapse !important;
  margin:0 0 5px 0 !important; }
  
  #winnerTable tbody tr.adv-row table th,
  #winnerTable tbody tr.adv-row table td{
  height:23px !important; line-height:23px !important;
  padding:0 3px !important; font-size:11.5px !important;
  white-space:nowrap !important; overflow:visible !important;
  vertical-align:middle !important; }
  #winnerTable tbody tr.adv-row table input{
    width:100% !important; height:22px !important;
    font-size:12.5px !important; padding:0 !important;
  border:none !important; background:transparent !important;
  box-shadow:none !important; outline:none !important;
  font-family:'Noto Sans KR',sans-serif !important; -webkit-text-fill-color:currentColor; }
  #winnerTable tbody tr.adv-row table thead{
  display:table-header-group !important; }
  #winnerTable tbody tr.adv-row table tbody{
  display:table-row-group !important;
  width:auto !important; }
  #winnerTable tbody tr.adv-row table tr{
  display:table-row !important; }
  #winnerTable tbody tr.adv-row table td{
  display:table-cell !important;
  width:auto !important; min-width:0 !important;
  border:1px solid #9aa4b4 !important;
  text-align:center !important; }
  #winnerTable tbody tr.adv-row table thead tr{
  display:table-row !important; }
  #winnerTable tbody tr.adv-row table thead th{
  display:table-cell !important;
  background:#1a1f26 !important;
  color:#ffd700 !important;
  border:1px solid #1a1f26 !important;
  font-size:13px !important; font-weight:900 !important;
  height:24px !important; line-height:24px !important;
  text-align:center !important; opacity:1 !important;
  visibility:visible !important; text-indent:0 !important;
  -webkit-text-fill-color:#ffd700 !important; }
  #winnerTable tbody tr.adv-row table thead tr:nth-child(2) th{
  background:#b8c0cd !important;
  color:#252b34 !important;
  border-color:#9aa4b4 !important;
  -webkit-text-fill-color:#252b34 !important; }
  html[data-region="ov"] #winnerTable tbody tr.adv-row table thead th{
  background:#16241b !important; border-color:#16241b !important; }
  html[data-region="ov"] #winnerTable tbody tr.adv-row table thead tr:nth-child(2) th{
  background:#a8bcae !important; color:#1f2e24 !important;
  border-color:#8fa395 !important;
  -webkit-text-fill-color:#1f2e24 !important; }
  
  /* 국내 패널 색 */
  html[data-region="kr"] #winnerTable tbody tr.adv-row table td{ background:#fbfcfd !important; }
  html[data-region="kr"] #winnerTable tbody tr.adv-row table td.adv-line-cell{
  background:#dfe4eb !important; color:#3a4350 !important; border-color:#9aa4b4 !important; }
  html[data-region="kr"] #winnerTable tbody tr.adv-row table thead tr:first-child th{
  background:#1a1f26 !important; border-color:#1a1f26 !important; color:#ffd700 !important; }
  html[data-region="kr"] #winnerTable tbody tr.adv-row table thead tr:nth-child(2) th{
  background:#b8c0cd !important; border-color:#9aa4b4 !important; color:#252b34 !important; }
  html[data-region="kr"] #winnerTable tbody tr.adv-row table input{ color:#1e2531 !important; }
  html[data-theme="dark"][data-region="kr"] #winnerTable tbody tr.adv-row table td{ background:#f2f5f8 !important; }
  
  /* 해외 패널 색 */
  html[data-region="ov"] #winnerTable tbody tr.adv-row table td{ background:#fafcfa !important; }
  html[data-region="ov"] #winnerTable tbody tr.adv-row table td.adv-line-cell{
  background:#dbe5dd !important; color:#2f4238 !important; border-color:#8fa395 !important; }
  html[data-region="ov"] #winnerTable tbody tr.adv-row table thead tr:first-child th{
  background:#16241b !important; border-color:#16241b !important; color:#ffd700 !important; }
  html[data-region="ov"] #winnerTable tbody tr.adv-row table thead tr:nth-child(2) th{
  background:#a8bcae !important; border-color:#8fa395 !important; color:#1f2e24 !important; }
  html[data-region="ov"] #winnerTable tbody tr.adv-row table input{ color:#1c2a21 !important; }
  html[data-theme="dark"][data-region="ov"] #winnerTable tbody tr.adv-row table td{ background:#f0f5f1 !important; }
  #winnerTableWrap{ border-radius:10px !important; }
  .date-row td{ padding:7px 8px !important; font-size:12px !important; }
  #manualCalcTable,#betListTable,
  /* 승부사보험/미보험은 아래 ws-fi-unc-mobile 에서 화면폭에 맞춤 (min-width 제거) */
  #manualCalcWrap,#betListWrap{ overflow-x:hidden !important; padding:10px !important;
  max-width:100% !important; box-sizing:border-box !important; }
  
  
  }
  
}
/* ＋패널 색상 — PC/모바일 통일 */
#winnerTable tbody tr.adv-row table thead th{
background:#1a1f26 !important;
color:#ffd700 !important;
border:1px solid #1a1f26 !important;
-webkit-text-fill-color:#ffd700 !important;
}
#winnerTable tbody tr.adv-row table thead tr:nth-child(2) th{
background:#b8c0cd !important;
color:#252b34 !important;
border-color:#9aa4b4 !important;
-webkit-text-fill-color:#252b34 !important;
}
#winnerTable tbody tr.adv-row table td{
background:#fbfcfd !important;
border:1px solid #9aa4b4 !important;
}
#winnerTable tbody tr.adv-row table input{
color:#1e2531 !important;
background:transparent !important;
border:none !important;
-webkit-text-fill-color:currentColor;
}

html[data-region="ov"] #winnerTable tbody tr.adv-row table thead th{
background:#16241b !important; border-color:#16241b !important;
}
html[data-region="ov"] #winnerTable tbody tr.adv-row table thead tr:nth-child(2) th{
background:#a8bcae !important; color:#1f2e24 !important;
border-color:#8fa395 !important;
-webkit-text-fill-color:#1f2e24 !important;
}
html[data-region="ov"] #winnerTable tbody tr.adv-row table td{
background:#fafcfa !important; border-color:#8fa395 !important;
}
html[data-region="ov"] #winnerTable tbody tr.adv-row table input{
color:#1c2a21 !important;
}

html[data-region="kr"] #winnerTable tbody tr.adv-row .adv-panel{
background:#eef1f5 !important; border:1px solid #c3cbd8 !important;
}
html[data-region="ov"] #winnerTable tbody tr.adv-row .adv-panel{
background:#ecf1ed !important; border:1px solid #b3c4b7 !important;
}
html[data-theme="dark"][data-region="kr"] #winnerTable tbody tr.adv-row .adv-panel{ background:#dde2e9 !important; }
html[data-theme="dark"][data-region="ov"] #winnerTable tbody tr.adv-row .adv-panel{ background:#d9e2db !important; }
html[data-theme="dark"][data-region="kr"] #winnerTable tbody tr.adv-row table td{ background:#f2f5f8 !important; }
html[data-theme="dark"][data-region="ov"] #winnerTable tbody tr.adv-row table td{ background:#f0f5f1 !important; }

#winnerTable tbody tr.adv-row .adv-panel,
#winnerTable tbody tr.adv-row .adv-panel *{ text-shadow:none !important; }




/* ＋패널 배당 선택 표시 */
#winnerTable tbody tr.adv-row table td:has(input[data-selected="1"]){
background:#dbeafe !important;
border:2px solid #2563eb !important;
padding:0 !important;
}
#winnerTable tbody tr.adv-row table td:has(input[data-selected="1"]) input{
background:transparent !important;
color:#1e40af !important;
-webkit-text-fill-color:#1e40af !important;
font-weight:900 !important;
border:none !important;
}

/* 경기추가 슬롯 — 기준점(핸-2.5패 등)은 절대 쪼개지지 않게 */
.extra-slot[data-picked="1"], .fi-slot[data-picked="1"], .unc-slot[data-picked="1"]{
word-break:keep-all !important; overflow-wrap:normal !important;
text-overflow:clip !important;
}
.extra-slot[data-picked="1"] > span, .fi-slot[data-picked="1"] > span, .unc-slot[data-picked="1"] > span{
white-space:nowrap;
}
/* PC — 무조건 한 줄, 이름만 잘림 */
@media (min-width:769px){
.extra-slot[data-picked="1"], .fi-slot[data-picked="1"], .unc-slot[data-picked="1"]{
display:flex !important; align-items:center; justify-content:center;
white-space:nowrap !important; overflow:hidden !important;
}
.extra-slot[data-picked="1"] > span, .fi-slot[data-picked="1"] > span, .unc-slot[data-picked="1"] > span{
flex:0 0 auto;
}
.extra-slot[data-picked="1"] > span:first-child,
.fi-slot[data-picked="1"] > span:first-child,
.unc-slot[data-picked="1"] > span:first-child{
flex:0 1 auto; min-width:0; overflow:hidden;
}
}
/* 모바일 — 2줄까지만, 기준점 안 쪼개짐 */
@media (max-width:768px){
#autoCalcTable .extra-slot[data-picked="1"]{
-webkit-line-clamp:2 !important;
word-break:keep-all !important;
}
} 
/* 모바일 — 경기추가 버튼: 종목 버튼과 같은 배경, 글씨만 빨강(초기화 버튼 색) */
@media (max-width:768px){
  html[data-theme="light"] #addGameBtn{
    background:#fdf8ee !important; border:1px solid #d4b483 !important;
    color:#666666 !important;
  }
  html[data-theme="dark"] #addGameBtn{
    background:#111118 !important; border:1px solid #2a2a40 !important;
    color:#666666 !important;
  }
  #addGameBtn{
    font-weight:700 !important; box-shadow:none !important; text-shadow:none !important;
  }
}