/* bac-calculator — extracted from inline <style> */
.evvy-drink-list { display: flex; flex-direction: column; gap: 0.75rem; }
.evvy-drink-row { background: color-mix(in srgb, var(--cluster-dark) 4%, transparent); border: 1px solid var(--evvy-border-color, #DEE2E6); border-radius: var(--evvy-radius-lg, 12px); padding: 0.75rem; }
.evvy-drink-row-type { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.evvy-drink-row-type .evvy-chip { font-size: 0.75rem; padding: 0.2rem 0.6rem; }
.evvy-drink-row-fields { display: grid; grid-template-columns: 1fr 1fr auto; gap: 0.5rem; align-items: end; margin-top: 0.5rem; }
.evvy-drink-row-fields .input-group { min-width: 0; }
.evvy-drink-row-fields .form-control { min-width: 60px; }
.evvy-drink-remove { border: none; background: none; color: var(--evvy-text-secondary, #666); font-size: 1.125rem; padding: 0.25rem; cursor: pointer; line-height: 1; border-radius: 50%; transition: color 0.2s, background 0.2s; }
.evvy-drink-remove:hover { color: var(--bs-danger, #dc3545); background: color-mix(in srgb, var(--bs-danger, #dc3545) 10%, transparent); }
.evvy-add-drink-btn { display: inline-flex; align-items: center; gap: 0.35rem; font-size: 0.8125rem; font-weight: 600; color: var(--evvy-accent, #6366f1); background: none; border: 1px dashed var(--evvy-accent, #6366f1); border-radius: var(--evvy-radius-lg, 12px); padding: 0.5rem 1rem; cursor: pointer; transition: background 0.2s; width: 100%; justify-content: center; }
.evvy-add-drink-btn:hover { background: color-mix(in srgb, var(--evvy-accent, #6366f1) 8%, transparent); }
.evvy-time-stepper { display: inline-flex; align-items: center; gap: 0.5rem; }
.evvy-time-stepper button { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--evvy-border-color, #DEE2E6); background: var(--evvy-bg-secondary, #f8f9fa); color: var(--evvy-text-primary, #333); font-size: 1.125rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s; line-height: 1; }
.evvy-time-stepper button:hover { border-color: var(--evvy-accent, #6366f1); background: color-mix(in srgb, var(--evvy-accent, #6366f1) 8%, transparent); }
.evvy-time-stepper-value { font-size: 1.125rem; font-weight: 700; min-width: 3.5rem; text-align: center; color: var(--evvy-text-primary, #333); }
.evvy-bac-color { transition: color 0.3s; }
.evvy-bac-green  { color: #22c55e; }
.evvy-bac-yellow { color: #eab308; }
.evvy-bac-orange { color: #f97316; }
.evvy-bac-red    { color: #ef4444; }
.evvy-impairment-scale { display: flex; flex-direction: column; gap: 0; border: 1px solid var(--evvy-border-color, #DEE2E6); border-radius: var(--evvy-radius-lg, 12px); overflow: hidden; margin-top: 0.75rem; }
.evvy-impairment-zone { display: grid; grid-template-columns: 5rem 1fr; gap: 0.75rem; padding: 0.625rem 0.875rem; font-size: 0.8125rem; line-height: 1.4; border-bottom: 1px solid var(--evvy-border-color, #DEE2E6); transition: background 0.3s; }
.evvy-impairment-zone:last-child { border-bottom: none; }
.evvy-impairment-zone-active { background: color-mix(in srgb, var(--cluster-dark) 8%, transparent); font-weight: 600; }
.evvy-impairment-range { font-weight: 700; white-space: nowrap; }
.evvy-disclaimer { background: color-mix(in srgb, var(--bs-danger, #dc3545) 8%, transparent); border: 1px solid color-mix(in srgb, var(--bs-danger, #dc3545) 25%, transparent); border-radius: var(--evvy-radius-lg, 12px); padding: 0.75rem 1rem; font-size: 0.8125rem; font-weight: 600; color: var(--bs-danger, #dc3545); text-align: center; margin-top: 0.75rem; line-height: 1.5; }
.evvy-unit-toggle { display: inline-flex; gap: 0.35rem; margin-left: 0.5rem; }
.evvy-unit-toggle .evvy-chip { padding: 0.2rem 0.625rem; font-size: 0.75rem; }
.evvy-premium-card { position: relative; border: 1px solid var(--evvy-border-color, #DEE2E6); border-radius: var(--evvy-radius-lg, 12px); padding: 1.25rem 1rem; margin-top: 0.75rem; text-align: center; font-size: 0.8125rem; color: var(--evvy-text-secondary, #666); min-height: 80px; display: flex; align-items: center; justify-content: center; }
[data-bs-theme="dark"] .evvy-drink-row { background: color-mix(in srgb, var(--cluster-dark) 10%, transparent); }
[data-bs-theme="dark"] .evvy-impairment-zone-active { background: color-mix(in srgb, var(--cluster-dark) 16%, transparent); }
[data-bs-theme="dark"] .evvy-time-stepper button { background: var(--evvy-bg-secondary, #2a2a2a); color: #e0e0e0; }
[data-bs-theme="dark"] .evvy-time-stepper-value { color: #e0e0e0; }
@media (max-width: 575.98px) {
  .evvy-drink-row-fields { grid-template-columns: 1fr 1fr; }
  .evvy-drink-remove { grid-column: 2; justify-self: end; }
  .evvy-impairment-zone { grid-template-columns: 4.5rem 1fr; font-size: 0.75rem; padding: 0.5rem 0.625rem; }
}