/* ==========================================================================
   AMBI DROPS — Sección SUMINISTROS
   Estilos propios del contenido de Suministros (sections/suministros.html).
   Separado de drops.css para no acumular ahí todo, igual que section-inicio.css.
   ========================================================================== */

/* .section-intro trae max-width: 65ch por defecto (drops.css), pensado para
   texto largo. Acá lo sacamos para que use el mismo ancho que Inicio
   (limitado solo por #content, 900px). */
.suministros-view .section-intro {
  max-width: none;
}

.sum-total {
  font-family: var(--f-mono);
  font-size: 13px;
  letter-spacing: 0.08em;
  color: var(--brass);
  margin: 18px 0 24px;
}

.sum-contents {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

.sum-card {
  background: var(--bg-raised);
  border: 1px solid var(--brass-dim);
  padding: 14px 16px;
}

.sum-card-qty {
  font-family: var(--f-mono);
  font-size: 20px;
  color: var(--bone);
}

.sum-card-label {
  font-size: 15px;
  color: var(--ink-muted);
  margin-top: 2px;
}

.sum-window-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--ink-faint);
  font-size: 15px;
}

.sum-window-label {
  color: var(--bone);
}

.sum-window-date {
  color: var(--ink-muted);
  font-family: var(--f-mono);
  font-size: 13px;
}

.sum-windows {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.sum-window-card {
  background: var(--bg-raised);
  border: 1px solid var(--brass-dim);
  padding: 16px 18px;
}

.sum-window-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding-bottom: 10px;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--ink-faint);
}

.sum-window-head .sum-window-label {
  font-family: var(--f-display);
  font-size: 15px;
  letter-spacing: 0.03em;
  color: var(--brass);
}

.sum-window-tracks {
  display: flex;
  flex-direction: column;
}

.sum-track-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 6px 0;
  font-size: 14px;
}

.sum-track-time {
  font-family: var(--f-mono);
  color: var(--ink-muted);
  min-width: 64px;
}

.sum-track-reward {
  color: var(--bone);
  text-align: right;
}