/* Drug Calculator styles */
#drugHistory { max-height: 200px; overflow: auto; margin-top: 12px; background: rgba(255,255,255,0.02); border-radius: 6px; padding: 8px; }

.total-panel { background: rgba(56,139,253,.06); padding: 12px; border-radius: 8px; text-align: center; }
.total-panel-label { color: var(--text-secondary); font-size: 0.9rem; }
#totalValue { font-size: 1.4rem; font-weight: 700; color: var(--success); margin-top: 4px; }

/* Drug inputs scroll container: show max 3 items; vertical scroll only; styled like Run History */
#drugInputs {
  max-height: 210px; /* show 3 rows before scrolling */
  overflow-y: auto; /* match run history behavior */
  overflow-x: hidden;
  padding: 8px 10px 8px 8px; /* space for scrollbar */
  background: rgba(255,255,255,0.02);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  box-sizing: border-box;
  scrollbar-gutter: stable both-edges;
  -webkit-overflow-scrolling: touch;
}
#drugInputs > *:last-child { margin-bottom: 0 !important; }
#drugInputs input { margin-top: 0; }
#drugInputs::-webkit-scrollbar { width: 10px; }
#drugInputs::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 6px; border: 2px solid transparent; background-clip: padding-box; }
#drugInputs::-webkit-scrollbar-thumb:hover { background: var(--accent-hover, var(--accent)); }
#drugInputs::-webkit-scrollbar-track { background: var(--card-hover); border-radius: 6px; }
#drugInputs { scrollbar-width: thin; scrollbar-color: var(--accent) var(--card-hover); }