/* Sourdough Baker's Math Calculator — tool-specific styles */

.evvy-unit-toggle { display: inline-flex; gap: 0.35rem; flex-wrap: wrap; }
.evvy-unit-toggle .evvy-chip { padding: 0.2rem 0.55rem; font-size: 0.8rem; }
.evvy-slider-val { margin-left: auto; font-weight: 600; color: var(--cluster-dark, #7C4A1A); }
.evvy-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

/* Ingredient breakdown */
.evvy-breakdown {
  margin-top: 1rem;
  border: 1px solid var(--evvy-border-color, #DEE2E6);
  border-radius: var(--evvy-radius-lg, 12px);
  padding: 1rem 1.25rem;
  background: var(--bs-body-bg, #fff);
}
.evvy-breakdown-header {
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--evvy-text-secondary);
  margin-bottom: 0.6rem;
}
.evvy-breakdown-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 0.35rem 0;
  font-size: 0.95rem;
}
.evvy-breakdown-row span:last-child { font-weight: 600; font-variant-numeric: tabular-nums; }
.evvy-breakdown-divider { height: 1px; background: var(--evvy-border-color, #DEE2E6); margin: 0.5rem 0; }
.evvy-breakdown-total { font-size: 1.05rem; }
.evvy-breakdown-total span:last-child { color: var(--cluster-dark, #7C4A1A); }

/* Note / warning cards */
.evvy-note-card {
  display: flex; align-items: flex-start; gap: 0.7rem; margin-top: 1rem;
  padding: 0.85rem 1rem; border-radius: var(--evvy-radius, 8px); font-size: 0.9rem; line-height: 1.5;
  border-left: 3px solid var(--cluster-dark, #7C4A1A);
  background: color-mix(in srgb, var(--cluster-dark, #7C4A1A) 6%, transparent);
}
.evvy-note-card i { font-size: 1.15rem; color: var(--cluster-dark, #7C4A1A); margin-top: 0.1rem; }

/* Premium: schedule */
.evvy-schedule { margin-top: 0.5rem; }
.evvy-sched-row {
  display: flex; gap: 1rem; align-items: baseline;
  padding: 0.5rem 0.65rem; border-bottom: 1px solid var(--evvy-border-color, #DEE2E6);
}
.evvy-sched-time {
  font-family: var(--evvy-font-mono, monospace); font-weight: 700;
  color: var(--cluster-dark, #7C4A1A); min-width: 80px;
}
.evvy-sched-step { flex: 1; }
.evvy-sched-day { font-size: 0.78rem; color: var(--evvy-text-secondary); }

/* Premium: formulas */
.evvy-formula-list { display: flex; flex-direction: column; gap: 0.5rem; }
.evvy-formula-item {
  display: flex; align-items: center; gap: 0.65rem; flex-wrap: wrap;
  padding: 0.55rem 0.8rem; border: 1px solid var(--evvy-border-color, #DEE2E6);
  border-radius: var(--evvy-radius, 8px); background: var(--bs-body-bg, #fff);
}
.evvy-formula-name { font-weight: 600; }
.evvy-formula-meta { color: var(--evvy-text-secondary); font-size: 0.82rem; flex: 1; font-variant-numeric: tabular-nums; }
.evvy-formula-use {
  border: 1px solid var(--cluster-dark, #7C4A1A); background: transparent; color: var(--cluster-dark, #7C4A1A);
  border-radius: 50rem; padding: 0.15rem 0.75rem; font-size: 0.8rem; font-weight: 600; cursor: pointer;
}
.evvy-formula-use:hover { background: var(--cluster-dark, #7C4A1A); color: #fff; }
.evvy-formula-del { border: none; background: transparent; color: var(--evvy-text-secondary); cursor: pointer; font-size: 0.85rem; }
.evvy-formula-del:hover { color: #c0392b; }

/* Dark mode */
[data-bs-theme="dark"] .evvy-breakdown,
[data-bs-theme="dark"] .evvy-formula-item {
  background: var(--evvy-surface-alt, #12233a);
}

/* Mobile */
@media (max-width: 575.98px) {
  .evvy-two-col { grid-template-columns: 1fr; }
  .evvy-unit-toggle { width: 100%; margin-top: 0.4rem; }
}