/* Teenpatti wrapper styles - scoped module classes */
.teenpattiWrapper thead,
.teenpattiWrapper thead tr,
.teenpattiWrapper tbody,
.teenpattiWrapper tbody tr {
  position: relative;
  display: table;
  width: 100%;

}

.teenpattiWrapper thead tr th {
  border-bottom: 0 !important;
  background-color: #72bbef !important;
}

.teenpattiWrapper tr {
  background-color: #fff;
}

/* Box width classes */
.box6 {
  width: 60%;
  min-width: 60%;
  max-width: 60%;
}

.box4 {
  width: 40%;
  min-width: 40%;
  max-width: 40%;
}

.box2 {
  width: 20%;
  min-width: 20%;
  max-width: 20%;
}

/* Back background */
.back {
  background-color: #72bbef;
}

/* Text center */
.textCenter {
  text-align: center !important;
}

/* Teenpatti wrapper table styles */
.teenpattiWrapper :global(.table) tr th,
.teenpattiWrapper :global(.table) tr td {
  vertical-align: middle;
  padding: 4px;
  border: 1px solid #ddd;
}

.teenpattiWrapper :global(.table) tr th {
  border-bottom: 0 !important;
  background-color: #72bbef !important;
}

/* Player name cell */
.playerName {
  text-align: left;
  padding-left: 8px;
}

/* Teenpatti suspended styles */
.teenpattiSuspended {
  position: relative;
  pointer-events: none;
  cursor: not-allowed;
  background: rgba(217, 220, 223) !important;
  background-image: none !important;
  color: #1f5058 !important;
  font-weight: 900 !important;
  overflow: hidden;
  min-height: 46px;
  width: 100%;
}

.teenpattiSuspended::before {
  content: "";
  background-color: #1f5058;
  mask-image: url(../../../assets/img/lock.svg);
  -webkit-mask-image: url(../../../assets/img/lock.svg);
  mask-size: 14px 14px;
  -webkit-mask-size: 14px 14px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
  pointer-events: none;
}

.teenpattiSuspended::after {
  content: "";
  background: rgba(217, 220, 223) !important;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  cursor: not-allowed;
  pointer-events: none;
  z-index: 1;
}

/* Override for table cells - show suspended text overlay */
.teenpattiWrapper :global(.table) td.teenpattiSuspended {
  position: relative;
}

.teenpattiWrapper :global(.table) td.teenpattiSuspended::before {
  content: "";
  background-color: #1f5058;
  mask-image: url(../../../assets/img/lock.svg);
  -webkit-mask-image: url(../../../assets/img/lock.svg);
  mask-size: 14px 14px;
  -webkit-mask-size: 14px 14px;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 17px;
  height: 17px;
  pointer-events: none;
}

.teenpattiWrapper :global(.table) td.teenpattiSuspended::after {
  content: "";
  background: rgba(217, 220, 223) !important;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  cursor: not-allowed;
  pointer-events: none;
  z-index: 1;
}

/* Ensure suspended state overrides back color */
.back.teenpattiSuspended {
  background: rgba(217, 220, 223) !important;
  color: #1f5058 !important;
}

/* Odds styling */
.odds {
  font-weight: bold;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .box4 {
    width: 40%;
    min-width: 40%;
    max-width: 40%;
  }

  .box2 {
    width: 20%;
    min-width: 20%;
    max-width: 20%;
  }
}

.teenpatti-wrapper .table .thead .back {
  background-color: #72bbef !important;
}