/* ==========================================================================
   Estilos del panel de la TIENDA (site/live/tu-tienda/admin.html).

   Va despues de admin.css y panel-base.css, asi que manda sobre ellos.
   Por que existe: el editor de categorias paso a tener lapiz y tacho (iconos
   con su propio estilo), el alta de producto admite subir una foto, y el
   bloque de ventas tiene un pie con el boton "ver todas".

   Todos los textos usan tinta oscura sobre fondo claro.
   ========================================================================== */

/* ---------- editor de categorias: nombre + lapiz + tacho ---------- */
.adm-cats-editor { display: flex; flex-direction: column; gap: 8px; }
.adm-catrow {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.adm-catname-box {
  flex: 1 1 220px;
  min-width: 140px;
  padding: 9px 11px;
  font-size: .9rem;
  font-weight: 600;
  color: #2A241E;
  background: #FFFFFF;
  border: 1px solid #C9BCA9;
  border-radius: 8px;
}
.adm-catrename {
  flex: 1 1 220px;
  min-width: 140px;
  padding: 9px 11px;
  font: inherit;
  font-size: .9rem;
  font-weight: 600;
  color: #2A241E;
  background: #FFFFFF;
  border: 2px solid #C8811F;
  border-radius: 8px;
}
.adm-catrename:focus { outline: 2px solid #C8811F; outline-offset: 1px; }
.adm-caticon {
  width: 38px;
  height: 38px;
  font-size: 16px;
  line-height: 1;
  color: #4A3F36;
  background: #F1EBE2;
  border: 1px solid #D9CCBA;
  border-radius: 8px;
  cursor: pointer;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.adm-caticon:hover { background: #E6DCCD; }
.adm-cat-edit:hover { color: #B2541F; border-color: #B2541F; background: #F8EDE5; }
.adm-cat-del:hover { color: #A5352A; border-color: #A5352A; background: #FBECEA; }

/* ---------- subida de foto del dueno ---------- */
.adm-n-uploadlabel { display: block; }
.adm-n-file {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 9px 10px;
  font: inherit;
  font-size: .9rem;
  color: #2A241E;
  background: #FFFFFF;
  border: 1px dashed #B9A894;
  border-radius: 8px;
  cursor: pointer;
}
.adm-n-file:focus { outline: 2px solid #C8811F; outline-offset: 1px; }
.adm-uploadhint {
  display: block;
  margin-top: 4px;
  font-size: .76rem;
  color: #6B5D50;
}

/* ---------- pie del bloque de ventas del panel ---------- */
.adm-ventas-pie {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #E6DCCD;
}
.adm-ventas-count { font-size: .82rem; color: #6B5D50; }
.adm-ventas-mas { text-decoration: none; }

@media (max-width: 760px) {
  .adm-caticon { min-height: 40px; width: 40px; }
}