/* A real cell for each column, with bounded league/match widths. */
@media (min-width: 761px) {
  #root .table-wrap .pick-table-v72.pick-table-v103 {
    table-layout: fixed !important; width: var(--pick-table-width-v136, 100%) !important;
    min-width: var(--pick-table-min-v136, 900px) !important; margin-inline: auto;
  }
  #root .table-wrap .pick-table-v72.pick-table-v103 > :is(thead,tbody) > tr > :is(th,td):first-child { width: 96px !important; }
  #root .table-wrap.v96-selectable-picks .pick-table-v72.pick-table-v103 > :is(thead,tbody) > tr > :is(th,td):first-child { width: 144px !important; }
  #root .table-wrap .pick-table-v72.pick-table-v103 > :is(thead,tbody) > tr > :is(th,td):nth-child(3) { width: var(--pick-table-league-v136, 200px) !important; }
  #root .table-wrap .pick-table-v72.pick-table-v103 > :is(thead,tbody) > tr > :is(th,td):nth-child(4) { width: var(--pick-table-match-v136, 260px) !important; min-width: 0 !important; }
  #root :is(.league-value-v134,.league-header-v135) { width: 100% !important; margin: 0 !important; transform: none !important; text-align: center; }
  #root .table-wrap .match-name-v14 { white-space: normal !important; overflow-wrap: anywhere; }
}

/* The return state uses exactly the same quiet background as hover. */
#root { --return-background-v136: #17212c; --return-border-v136: #354659; }
#root button.last-opened-v135 { background: var(--return-background-v136) !important; border-color: var(--return-border-v136) !important; box-shadow: none !important; }
#root .table-wrap .pick-table-v72.pick-table-v103 > tbody > tr.pick-row > td > button:is(.market-explain-button-v49,.odds-chip,.quality-chip,.type-details-button):is(:hover,.last-opened-v135):not(:disabled),
#root .coupon-slip-v80 .coupon-slip-odds-v80 > button.odds-interactive-v88:is(:hover,.last-opened-v135) {
  background: var(--return-background-v136) !important; border-color: var(--return-border-v136) !important;
  box-shadow: none !important; filter: none !important; transform: none !important;
}
#root .analysis-run-row-v134 { grid-template-columns: 40px minmax(0,1fr) auto; transition: background-color .16s ease; }
#root .analysis-run-row-v134:is(:hover,.last-opened-row-v135):not(.selected) { background: var(--return-background-v136); }
#root .analysis-run-row-v134 > .v95-actions { grid-column: auto; min-width: 0; }
#root .analysis-run-row-v134 > .v95-actions > button { min-height: 44px; white-space: normal; }

/* Cost, details and exports form one toolbar in both analysis views. */
#root .current-analysis-v133 .analysis-toolbar-v136 {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px;
  width: auto; max-width: 100%; margin: 0;
}
#root .current-analysis-v133 .analysis-toolbar-v136 > button,
#root .current-analysis-v133 .analysis-toolbar-v136 > .report-download-v88 > button {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 44px; min-width: 0; margin: 0; padding: 8px 12px; width: auto;
  border: 1px solid #33495e; border-radius: 10px; color: #dce6f2; background: #0b1621;
  font: 700 13px/1.35 Arial, Helvetica, sans-serif; white-space: normal;
  box-shadow: none !important; transform: none !important; cursor: pointer;
}
#root .current-analysis-v133 .analysis-toolbar-v136 button:is(:hover,.last-opened-v135):not(:disabled) { background: var(--return-background-v136) !important; border-color: var(--return-border-v136) !important; }
#root .current-analysis-v133 .analysis-toolbar-v136 button:focus-visible { outline: 2px solid #91c84e; outline-offset: 2px; }
#root .analysis-toolbar-v136 .analysis-cost-button-v136 > span { color: #98a9bc; font-weight: 400; }
#root .analysis-toolbar-v136 .analysis-cost-button-v136 > strong { font: inherit; color: #a4e744; white-space: nowrap; }
#root .analysis-toolbar-v136 .analysis-cost-button-v136:disabled { cursor: default; opacity: 1; }
#root .analysis-toolbar-v136 .analysis-cost-button-v136:disabled > strong { color: #98a9bc; }
#root .analysis-toolbar-v136 > .report-download-v88 { max-width: 100%; }

#root .analysis-details-backdrop-v136 { padding: 16px !important; box-sizing: border-box; }
#root .analysis-details-modal-v136 {
  box-sizing: border-box; width: min(760px,100%) !important;
  max-width: min(760px,100%) !important; max-height: calc(100dvh - 40px) !important;
  min-height: 0 !important; height: auto !important; padding: 24px !important;
  display: flex; flex-direction: column; overflow: hidden; border-radius: 20px;
}
#root .analysis-details-heading-v136 { display: flex; align-items: center; gap: 14px; flex: 0 0 auto; min-width: 0; padding-right: 48px; margin-bottom: 20px; }
#root .analysis-details-heading-v136 > div { min-width: 0; }
#root .analysis-details-heading-v136 > .modal-heading-icon-v68 { flex: 0 0 44px; width: 44px; height: 44px; }
#root .analysis-details-heading-v136 .modal-title-v68 { font: 700 22px/1.3 Arial, Helvetica, sans-serif; }
#root .analysis-details-heading-v136 .modal-subtitle-v68 { white-space: normal; overflow-wrap: anywhere; }
#root .analysis-details-body-v136 { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding-right: 5px; }
#root .analysis-details-group-v136 { padding: 18px 0; border-top: 1px solid #2b3e50; }
#root .analysis-details-group-v136:last-of-type { padding-bottom: 0; }
#root .analysis-details-group-v136 > h3 { margin: 0 0 14px; color: #dce6f2; font: 700 14px/1.4 Arial, Helvetica, sans-serif; }
#root .analysis-details-group-v136 > dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 24px; margin: 0; }
#root .analysis-details-group-v136 > dl > div { min-width: 0; display: grid; align-content: start; gap: 5px; }
#root .analysis-details-group-v136 dt { color: #91a4b9; font: 400 12px/1.5 Arial, Helvetica, sans-serif; }
#root .analysis-details-group-v136 dd { margin: 0; color: #e3ebf4; font: 700 14px/1.5 Arial, Helvetica, sans-serif; overflow-wrap: anywhere; }
#root .analysis-details-error-v136 { color: #e6bd80; font: 400 13px/1.5 Arial, Helvetica, sans-serif; margin: 14px 0 0; }

/* A read-only review date, without a second pricing workspace. */
#root .pricing-note-v136 { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 4px 8px; margin: 0; padding: 4px 2px; color: #8fa2b9; font: 400 12px/1.5 Arial, Helvetica, sans-serif; }
#root .pricing-note-v136 strong { color: #a8b8ca; font-weight: 400; }
#root .api-refresh-v122.is-checking-v136 > svg { animation: api-check-v136 .85s linear infinite !important; transform-origin: center; }
@keyframes api-check-v136 { to { transform: rotate(360deg); } }

@media (max-width: 1100px) {
  #root .analysis-run-row-v134 > .v95-actions { grid-column: auto; }
  #root .current-analysis-v133 .picks-heading-v102 { flex-wrap: wrap; }
}
@media (max-width: 760px) {
  #root .analysis-run-row-v134 { grid-template-columns: 32px minmax(0,1fr); }
  #root .analysis-run-row-v134 > .v95-actions { grid-column: 2; display: flex; justify-content: flex-start; }
  #root .analysis-run-row-v134 > .v95-actions > button { width: auto; padding-inline: 12px; }
  #root .current-analysis-v133 .analysis-toolbar-v136 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; gap: 8px; }
  #root .current-analysis-v133 .analysis-toolbar-v136 > :is(button,.report-download-v88),
  #root .current-analysis-v133 .analysis-toolbar-v136 > .report-download-v88 > button { width: 100%; min-width: 0; }
  #root .current-analysis-v133 .analysis-toolbar-v136 > .report-download-v88 { grid-column: 2; }
  #root .current-analysis-v133 .analysis-toolbar-v136 button { padding: 8px 7px; font-size: 12px; }
  #root .analysis-details-backdrop-v136 { padding: 12px !important; }
  #root .analysis-details-modal-v136 { width: 100% !important; max-width: 100% !important; padding: 18px !important; }
  #root .analysis-details-heading-v136 { gap: 10px; padding-right: 38px; }
  #root .analysis-details-heading-v136 .modal-title-v68 { font-size: 19px; }
  #root .analysis-details-heading-v136 .modal-heading-icon-v68 { width: 36px; height: 36px; flex: 0 0 36px; }
  #root .analysis-details-heading-v136 .modal-subtitle-v68 { font-size: 12px; }
  #root .analysis-details-group-v136 > dl { gap: 14px; }
}
@media (max-width: 380px) {
  #root .analysis-details-heading-v136 .modal-heading-icon-v68 { display: none; }
  #root .analysis-details-group-v136 > dl { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  #root .api-refresh-v122.is-checking-v136 > svg { animation: none !important; }
  #root .analysis-run-row-v134 { transition: none !important; }
}