@media (max-width: 760px) {
  #pendingPanel {
    padding: 0;
  }

  .pending-layout {
    gap: 14px;
  }

  .pending-card {
    padding: 14px;
    border-radius: 8px;
  }

  .pending-auto-date {
    display: grid;
    gap: 4px;
    align-items: start;
  }

  .pending-auto-date strong {
    text-align: left;
    line-height: 1.35;
  }

  .pending-line-form {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pending-line-form label,
  .pending-line-form .wide-control,
  .pending-line-form button {
    width: 100%;
  }

  .pending-columns {
    grid-template-columns: 1fr;
  }

  .pending-column-card {
    padding: 12px;
  }

  .pending-column-title {
    align-items: flex-start;
  }

  #pending85Table,
  #pending86Table,
  #pendingProductionsTable,
  #pendingReportsTable {
    border: 0;
    min-width: 0;
  }

  #pending85Table thead,
  #pending86Table thead,
  #pendingProductionsTable thead,
  #pendingReportsTable thead {
    display: none;
  }

  #pending85Table tr,
  #pending86Table tr,
  #pendingProductionsTable tr,
  #pendingReportsTable tr {
    display: grid;
    gap: 8px;
    background: #ffffff;
    border: 1px solid rgba(193, 206, 199, 0.8);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
  }

  #pending85Table td,
  #pending86Table td,
  #pendingProductionsTable td,
  #pendingReportsTable td {
    display: grid;
    gap: 3px;
    border: 0;
    padding: 0;
  }

  #pending85Table td:nth-child(1)::before,
  #pending86Table td:nth-child(1)::before {
    content: "Producto";
  }

  #pending85Table td:nth-child(2)::before,
  #pending86Table td:nth-child(2)::before,
  #pendingProductionsTable td:nth-child(2)::before {
    content: "Observacion";
  }

  #pendingProductionsTable td:nth-child(1)::before {
    content: "Produccion";
  }

  #pendingReportsTable td:nth-child(1)::before {
    content: "Fecha";
  }

  #pendingReportsTable td:nth-child(2)::before {
    content: "85";
  }

  #pendingReportsTable td:nth-child(3)::before {
    content: "86";
  }

  #pendingReportsTable td:nth-child(4)::before {
    content: "Producciones";
  }

  #pendingReportsTable td:nth-child(5)::before {
    content: "Firma";
  }

  #pendingReportsTable td:nth-child(6)::before {
    content: "Correo";
  }

  #pending85Table td::before,
  #pending86Table td::before,
  #pendingProductionsTable td::before,
  #pendingReportsTable td::before {
    color: #0f766e;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  #pending85Table .actions-cell,
  #pending86Table .actions-cell,
  #pendingProductionsTable .actions-cell {
    grid-template-columns: 1fr 1fr;
  }

  .pending-ticket-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .pending-email-pill {
    max-width: none;
    justify-content: center;
    border-radius: 8px;
  }

  .recipes-layout,
  .recipe-form,
  .recipe-main-grid,
  .recipe-numbers-grid,
  .recipe-workbench,
  .recipe-ingredient-form {
    grid-template-columns: 1fr;
  }

  .recipe-card {
    padding: 14px;
  }

  .recipe-summary-card {
    position: static;
  }

  #recipeIngredientsTable,
  #recipesTable {
    border: 0;
    min-width: 0;
  }

  #recipeIngredientsTable thead,
  #recipesTable thead {
    display: none;
  }

  #recipeIngredientsTable tr,
  #recipesTable tr {
    display: grid;
    gap: 8px;
    background: #ffffff;
    border: 1px solid rgba(193, 206, 199, 0.8);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px;
  }

  #recipeIngredientsTable td,
  #recipesTable td {
    display: grid;
    gap: 3px;
    border: 0;
    padding: 0;
  }

  #recipeIngredientsTable td:nth-child(1)::before {
    content: "Ingrediente";
  }

  #recipeIngredientsTable td:nth-child(2)::before {
    content: "Cantidad";
  }

  #recipeIngredientsTable td:nth-child(3)::before {
    content: "Costo unit.";
  }

  #recipeIngredientsTable td:nth-child(4)::before {
    content: "Merma";
  }

  #recipeIngredientsTable td:nth-child(5)::before {
    content: "Total";
  }

  #recipesTable td:nth-child(1)::before {
    content: "Receta";
  }

  #recipesTable td:nth-child(2)::before {
    content: "Area";
  }

  #recipesTable td:nth-child(3)::before {
    content: "Categoria";
  }

  #recipesTable td:nth-child(4)::before {
    content: "Rendimiento";
  }

  #recipesTable td:nth-child(5)::before {
    content: "Costo unit.";
  }

  #recipesTable td:nth-child(6)::before {
    content: "Precio venta";
  }

  #recipesTable td:nth-child(7)::before {
    content: "Margen";
  }

  #recipeIngredientsTable td::before,
  #recipesTable td::before {
    color: #0f766e;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  #recipeIngredientsTable .actions-cell {
    grid-template-columns: 1fr 1fr;
  }
}