/* One-game historical order repeat button and picker-style confirmation. */
.lo-business-order-detail .lo-business-order-status-wrap {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  min-width:0;
}
.lo-business-order-detail .lo-repeat-trigger {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:29px;
  padding:4px 11px;
  border:1px solid #c3a36d;
  border-radius:7px;
  background:#fff;
  color:#80642f;
  font-size:12px;
  font-weight:700;
  line-height:1.3;
  white-space:nowrap;
  cursor:pointer;
}
.lo-business-order-detail .lo-repeat-trigger:hover,
.lo-business-order-detail .lo-repeat-trigger:focus-visible {
  background:#fff8eb;
  border-color:#ab864d;
  outline-offset:2px;
}
.lo-repeat-modal {
  display:none;
  position:fixed;
  inset:0;
  z-index:100010;
  align-items:center;
  justify-content:center;
  padding:16px;
  background:rgba(15,23,42,.48);
  backdrop-filter:blur(6px);
  box-sizing:border-box;
}
.lo-repeat-modal.is-open {display:flex;}
.lo-repeat-dialog {
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  width:min(94vw,540px);
  max-height:min(88dvh,760px);
  overflow:hidden;
  background:#fff;
  border:1px solid #dbe4ef;
  border-radius:24px;
  box-shadow:0 24px 60px rgba(15,23,42,.18);
  font-family:Inter,"Segoe UI",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  color:#0f172a;
}
.lo-repeat-title {
  flex:0 0 auto;
  margin:0!important;
  padding:26px 24px 20px!important;
  text-align:center;
  font-size:24px!important;
  font-weight:700!important;
  line-height:1.25!important;
  color:#0f172a!important;
}
.lo-repeat-body {
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  border-top:1px solid #dbe5f2;
  border-bottom:1px solid #dbe5f2;
  margin:0 16px;
  padding:16px 12px;
}
.lo-repeat-description {
  margin:0 0 16px!important;
  text-align:center;
  color:#52637a;
  font-size:14px;
}
.lo-repeat-lines {display:flex;flex-direction:column;gap:12px;}
.lo-repeat-line {
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.lo-repeat-line-label {
  width:94px;
  flex:0 0 94px;
  text-align:right;
  color:#52637a;
  font-size:13px;
  white-space:nowrap;
}
.lo-repeat-balls {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  min-width:0;
}
.lo-repeat-ball {
  display:inline-grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#00ad8a;
  color:#fff;
  font-size:12px;
  font-weight:700;
  line-height:1;
}
.lo-repeat-ball--red {background:#ef334f;}
.lo-repeat-ball--blue {background:#2474e5;}
.lo-repeat-ball--front {background:#f59e0b;}
.lo-repeat-ball--back {background:#00a987;}
.lo-repeat-error {
  margin:12px auto 0!important;
  max-width:95%;
  text-align:center;
  color:#ad3b31;
  font-size:12px;
  line-height:1.5;
}
.lo-repeat-error[hidden] {display:none!important;}
.lo-repeat-actions {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:18px 24px 22px;
}
.lo-repeat-actions button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:47px;
  min-width:88px;
  padding:0 20px;
  font-size:14px;
  font-weight:700;
  border-radius:14px;
  cursor:pointer;
}
.lo-repeat-cancel {
  color:#334155;
  background:#fff;
  border:1px solid #dbe4ef;
}
.lo-repeat-confirm {
  color:#fff;
  background:#c9a96e;
  border:1px solid #c9a96e;
}
.lo-repeat-confirm:hover:not(:disabled) {background:#b8935a;}
.lo-repeat-actions button:disabled {opacity:.6;cursor:wait;}
@media(max-width:720px) {
  .lo-repeat-title {font-size:21px!important;padding:21px 12px 16px!important;}
  .lo-repeat-body {margin:0 10px;padding:13px 6px;}
  .lo-repeat-line {gap:6px;}
  .lo-repeat-line-label {width:72px;flex-basis:72px;font-size:11px;}
  .lo-repeat-balls {gap:4px;}
  .lo-repeat-ball {width:23px;height:23px;font-size:11px;}
  .lo-business-order-detail .lo-business-order-status-wrap {gap:5px;}
  .lo-business-order-detail .lo-repeat-trigger {font-size:11px;padding:4px 7px;}
}

/* Free virtual repeat guidance inside the existing confirmation/success modal. */
.lo-repeat-note {
  margin:14px auto 2px!important;
  max-width:440px;
  text-align:center;
  color:#52637a;
  font-size:12px;
  line-height:1.6;
}
.lo-repeat-note[hidden] {display:none!important;}