/* Path: assets/css/specific/dlt.css
 * Version: v1.2.1 (2026-03-08)
 * Intent : 与“双色球”弹窗外观保持一致，同时保证 DLT 的数字球颜色沿用 DLT 配色
 *
 * CHANGES:
 * - 阶段17轻量化：将说明卡、外层 Grid、加减卡公共样式抽离到
 *   assets/css/common/lottery-specific-common.css
 * - 本文件仅保留 DLT 自有网格、颜色、状态牌与购买按钮跨列样式
 */

/* 数字格布局 */
.lottery-orders--dlt .red-balls {
  display: grid;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 6px;
}
.lottery-orders--dlt .blue-balls {
  display: grid;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 6px;
}

/* 选中态颜色（选号卡配色） */
.lottery-orders--dlt .digit-row[data-digit="red"] .number.selected {
  background: #FFA500 !important;
  color: #fff !important;
  border-color: #FFA500 !important;
}
.lottery-orders--dlt .digit-row[data-digit="blue"] .number.selected {
  background: #00b08c !important;
  color: #fff !important;
  border-color: #00b08c !important;
}

/* 小屏列数固定 */
@media (max-width:768px) {
  .lottery-orders--dlt .red-balls {
    grid-template-columns: repeat(6, 1fr) !important;
  }
  .lottery-orders--dlt .blue-balls {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* 顶部状态牌 */
.lottery-orders--dlt .buttons-container .status-display {
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  color: #374151;
  border-radius: 6px;
  padding: 6px 10px;
  min-width: 110px;
  text-align: center;
  font-weight: 600;
}

/* 购买按钮跨列（按钮皮肤统一走 assets/css/lottery-orders.css） */
.lottery-orders--dlt .modules-wrapper > #buy-button {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 14px;
  justify-self: stretch;
}

/* DLT: 让确认弹窗里的数字球颜色与选号卡一致（橙 / 青） */
.modal-body[data-lottery-type="dlt"] .lottery-ball.red-ball {
  background-color: #FFA500 !important;
  color: #fff !important;
  border-color: #FFA500 !important;
}
.modal-body[data-lottery-type="dlt"] .lottery-ball.blue-ball {
  background-color: #00b08c !important;
  color: #fff !important;
  border-color: #00b08c !important;
}