/* Don Lucho v48 - Almuerzo de hoy con distribución más lógica y limpia */

/* El contenido de cada pestaña puede usar todo el ancho disponible del modal. */
.admin-modal #adminContent{width:100%;min-width:0}
.admin-modal .admin-dashboard,.admin-modal .admin-list{width:100%;min-width:0}

/* Almuerzo del día: aprovechar el ancho, pero mantener lectura vertical clara. */
.admin-modal .lunch-form{
  width:100%;
  max-width:none;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(170px,280px);
  grid-template-areas:
    "name price"
    "photo photo"
    "desc desc"
    "soups soups"
    "seconds seconds"
    "drinks drinks"
    "save save";
  gap:14px 16px;
  padding:18px;
}
.admin-modal .lunch-form>label{min-width:0;grid-column:auto}
.admin-modal .lunch-form>label:nth-of-type(1){grid-area:name}
.admin-modal .lunch-form>label:nth-of-type(2){grid-area:price}
.admin-modal .lunch-form>.admin-photo-field{grid-area:photo;width:100%;box-sizing:border-box}
.admin-modal .lunch-form>label:nth-of-type(3){grid-area:desc}
.admin-modal .lunch-form>label:nth-of-type(4){grid-area:soups}
.admin-modal .lunch-form>label:nth-of-type(5){grid-area:seconds}
.admin-modal .lunch-form>label:nth-of-type(6){grid-area:drinks}
.admin-modal .lunch-form>.action{grid-area:save;width:100%;margin:0;min-height:48px}
.admin-modal .lunch-form textarea{width:100%;resize:vertical;box-sizing:border-box}

/* Alturas cómodas y consistentes para las tres listas. */
.admin-modal .lunch-form>label:nth-of-type(4) textarea,
.admin-modal .lunch-form>label:nth-of-type(5) textarea,
.admin-modal .lunch-form>label:nth-of-type(6) textarea{
  min-height:112px;
}

/* Bloque de foto compacto, sin invadir. */
.admin-modal .lunch-form .admin-photo-field{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  align-items:center;
}
.admin-modal .lunch-form .admin-photo-preview{width:96px;height:96px}
.admin-modal .lunch-form .admin-photo-field small{font-size:11.5px;line-height:1.35;margin-top:2px}

/* Tablet: mantener nombre/precio en fila, resto apilado. */
@media (max-width:900px){
  .admin-modal .lunch-form{
    grid-template-columns:minmax(0,1fr) minmax(140px,220px);
    gap:12px;
    padding:16px;
  }
}

/* Celular: una sola columna, controles cómodos y sin desbordes. */
@media (max-width:620px){
  .admin-modal .lunch-form{
    grid-template-columns:1fr;
    grid-template-areas:
      "name"
      "price"
      "photo"
      "desc"
      "soups"
      "seconds"
      "drinks"
      "save";
    gap:11px;
    padding:12px;
  }
  .admin-modal .lunch-form .admin-photo-field{
    grid-template-columns:74px minmax(0,1fr);
    padding:9px;
  }
  .admin-modal .lunch-form .admin-photo-preview{width:74px;height:74px}
  .admin-modal .lunch-form .admin-photo-field small{grid-column:1/-1;margin-top:2px}
  .admin-modal .lunch-form input,
  .admin-modal .lunch-form textarea,
  .admin-modal .lunch-form select{font-size:16px;min-height:44px}
  .admin-modal .lunch-form>.action{min-height:50px}
}