/* Brining 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-input-hint { margin-left: 0.5rem; font-weight: 400; font-size: 0.75rem; color: var(--evvy-text-secondary); text-transform: none; letter-spacing: 0; }
.evvy-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

/* Toggle row */
.evvy-toggle-row { display: flex; align-items: center; gap: 0.6rem; cursor: pointer; font-size: 0.92rem; }
.evvy-toggle-check { width: 1.1rem; height: 1.1rem; accent-color: var(--cluster-dark, #7C4A1A); cursor: pointer; }

/* Note 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; }
.evvy-note-cure { border-left-color: #b0611a; background: color-mix(in srgb, #b0611a 9%, transparent); }
.evvy-note-cure i { color: #b0611a; }
.evvy-note-info { border-left-color: var(--evvy-text-secondary); background: color-mix(in srgb, var(--evvy-text-secondary, #64748b) 7%, transparent); }
.evvy-note-info i { color: var(--evvy-text-secondary); }

.evvy-sub-detail { font-weight: 400; font-size: 0.8rem; color: var(--evvy-text-secondary); }

/* Saved list */
.evvy-saved-list { display: flex; flex-direction: column; gap: 0.5rem; }
.evvy-saved-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-saved-name { font-weight: 600; }
.evvy-saved-meta { color: var(--evvy-text-secondary); font-size: 0.82rem; flex: 1; }
.evvy-saved-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-saved-use:hover { background: var(--cluster-dark, #7C4A1A); color: #fff; }
.evvy-saved-del { border: none; background: transparent; color: var(--evvy-text-secondary); cursor: pointer; font-size: 0.85rem; }
.evvy-saved-del:hover { color: #c0392b; }

[data-bs-theme="dark"] .evvy-saved-item { background: var(--evvy-surface-alt, #12233a); }

@media (max-width: 575.98px) {
  .evvy-two-col { grid-template-columns: 1fr; }
  .evvy-unit-toggle { width: 100%; margin-top: 0.4rem; }
  #secondary-row { grid-template-columns: 1fr !important; }
}