.baltc-dashboard {
  padding: 1.5em;
  background: #f0e8da;
  border-radius: 5px;
  overflow-x: auto;
}

.baltc-dashboard h2 {
  font-size: 1.5em;
  margin-bottom: 1em;
  color: #333;
  text-align: center;
}

.baltc-dashboard-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.95em;
  background: white;
}

.baltc-dashboard-table th,
.baltc-dashboard-table td {
  padding: 10px 12px;
  border: 1px solid #ddd;
  text-align: center;
}

/* Encabezado de tabla - Mis Reservas */
.baltc-dashboard-table table thead th {
  background-color: #e3e8f3 !important;
  color: #2f2f2f !important;
  font-weight: 600;
  padding: 10px 12px;
  border: 1px solid #c8d1e4;
}

.baltc-dashboard-table table thead th:last-child {
  border-right: 1px solid #c8d1e4;
}

.baltc-dashboard-table table thead th:hover {
  background-color: #e3e8f3 !important;
  color: #2f2f2f !important;
}

.baltc-dashboard-table tr:nth-child(even) {
  background-color: #f2f2f2;
}

.baltc-dashboard-table tr:hover {
  background-color: #e1eaff;
}

/* Títulos y tarjetas coherentes */
.baltc-section-title { font-size: 40px; line-height:1.1; font-weight: 600; color: #9b8b56; margin: 0 0 12px; }
.baltc-card { border:1px solid #d2c7b2; background:#ece1ce; border-radius:12px; padding:16px; }

/* Tablas */
.baltc-table { width:100%; border-collapse: collapse; }
.baltc-table th { text-align:left; font-weight:600; padding:8px 6px; border-bottom:1px solid #d6c9b1; color:#111; background:#e4d6bf; }
.baltc-table td { padding:8px 6px; border-bottom:1px solid #e2d6c0; color:#111; background:#f4ecdf; }

/* Grillas de 4 días (pádel) */
.baltc-paddle-grids h3 { font-size:28px; font-weight:600; color:#111; margin:0 0 10px; }
.baltc-paddle-day { background:#ece1ce; border:1px solid #d2c7b2; border-radius:12px; padding:12px; }

/* Campos visibles y legibles */
.baltc-pad-form input, .baltc-pad-form select { background:#fff !important; color:#111 !important; }

/* Estilos específicos para los botones de cancelación */
.baltc-cancel-btn {
  background-color: #f44336;
  color: white;
  border: none;
  padding: 8px 12px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.baltc-cancel-btn:hover {
  background-color: #d32f2f;
}

.baltc-cancel-btn:disabled {
  background-color: #cccccc;
  cursor: not-allowed;
}

/* =========================
   MOBILE - Mis Reservas
   ========================= */
@media (max-width: 640px) {

  .baltc-reservation-dashboard {
    margin: 16px 12px;
    padding: 14px;
    overflow: hidden;
  }

  .baltc-reservation-dashboard h2 {
    font-size: 32px;
    line-height: 1.05;
    margin-bottom: 14px;
  }

  .baltc-dashboard-table {
    overflow: visible;
  }

  .baltc-dashboard-table table,
  .baltc-dashboard-table thead,
  .baltc-dashboard-table tbody,
  .baltc-dashboard-table th,
  .baltc-dashboard-table td,
  .baltc-dashboard-table tr {
    display: block;
    width: 100%;
  }

  .baltc-dashboard-table thead {
    display: none;
  }

  .baltc-dashboard-table tr {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 12px;
  }

  .baltc-dashboard-table td {
    border: none;
    padding: 6px 0;
    text-align: left;
    word-break: break-word;
  }

  .baltc-dashboard-table td::before {
    display: block;
    font-weight: 600;
    color: #666;
    font-size: 12px;
    margin-bottom: 2px;
  }

  .baltc-dashboard-table td:nth-child(1)::before { content: "Fecha"; }
  .baltc-dashboard-table td:nth-child(2)::before { content: "Hora"; }
  .baltc-dashboard-table td:nth-child(3)::before { content: "Cancha"; }
  .baltc-dashboard-table td:nth-child(4)::before { content: "Tipo"; }
  .baltc-dashboard-table td:nth-child(5)::before { content: "Acción"; }

  .baltc-dashboard-table td:last-child {
    padding-top: 10px;
  }

  .baltc-cancel-btn {
    display: block;
    width: 100%;
    max-width: none;
    text-align: center;
    box-sizing: border-box;
  }
}

@media (max-width:640px){
  .baltc-dashboard-title{
    font-size: 32px;
  }
}