#js-tool-container-ac-refrigerant-charge-calculator .rc-shell { display: flex; flex-direction: column; gap: 22px; color: var(--text-primary); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-grid .tbcalc-field:last-child { grid-column: 1 / -1; }

/* Outcome: dose hero + pipeline */
#js-tool-container-ac-refrigerant-charge-calculator .rc-dose { display: flex; flex-direction: column; gap: 8px; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-dose-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-dose-big { font-size: clamp(2.9rem, 8vw, 4.1rem); font-weight: 800; line-height: 1; color: var(--accent-primary); font-variant-numeric: tabular-nums; letter-spacing: -0.02em; display: inline-flex; align-items: baseline; background: none; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-dose-big output { background: none; border: 0; margin: 0; padding: 0; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-dose-big.zero { color: var(--success); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-dose-big.warn { color: var(--warning-text, var(--warning)); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-dose-unit { font-size: 1.25rem; font-weight: 700; color: var(--text-secondary); margin-left: 4px; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-dose-cap { font-size: 0.95rem; color: var(--text-secondary); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-badge { align-self: flex-start; padding: 7px 16px; border-radius: 999px; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.03em; border: 1px solid var(--border-color); color: var(--text-muted); background: var(--bg-secondary); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-badge.ok { color: var(--success); border-color: var(--success); background: var(--success-light); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-badge.warn { color: var(--warning-text, var(--warning)); border-color: var(--warning); background: var(--warning-light); }
#js-tool-container-ac-refrigerant-charge-calculator .tbcalc-status.rc-status { margin: 4px 0 0; font-size: 0.92rem; line-height: 1.5; color: var(--text-secondary); border-radius: var(--radius-sm); padding: 12px 16px; background: var(--bg-secondary); border: 1px solid var(--border-color); border-left: 4px solid var(--accent-primary); }
#js-tool-container-ac-refrigerant-charge-calculator .tbcalc-status.rc-status.ok { border-left-color: var(--success); }
#js-tool-container-ac-refrigerant-charge-calculator .tbcalc-status.rc-status.warn { border-left-color: var(--warning); }

/* pipeline visualization */
#js-tool-container-ac-refrigerant-charge-calculator .rc-pipe { display: flex; align-items: center; gap: 10px; margin-top: 4px; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-unit { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; gap: 6px; color: var(--text-secondary); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-unit-cap { font-size: 0.68rem; color: var(--text-muted); text-align: center; line-height: 1.2; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-tube { position: relative; flex: 1 1 auto; height: 18px; display: flex; border-radius: 999px; overflow: visible; background: var(--bg-tertiary); min-width: 0; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-tube-std { height: 100%; background: repeating-linear-gradient(-45deg, var(--text-muted), var(--text-muted) 5px, transparent 5px, transparent 10px); background-color: color-mix(in srgb, var(--text-muted) 28%, var(--bg-secondary)); border-radius: 999px 0 0 999px; transition: flex-basis 360ms cubic-bezier(.4,.0,.2,1); min-width: 4px; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-tube-extra { position: relative; height: 100%; flex: 0 0 auto; background: var(--accent-primary); border-radius: 999px; box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent-primary) 25%, transparent); transition: flex-basis 360ms cubic-bezier(.4,.0,.2,1); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-dose-pill { position: absolute; top: -34px; left: 50%; transform: translateX(-50%); white-space: nowrap; background: var(--accent-primary); color: #fff; font-size: 0.76rem; font-weight: 700; padding: 4px 10px; border-radius: 8px; font-variant-numeric: tabular-nums; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-dose-pill::after { content: ''; position: absolute; left: 50%; bottom: -4px; transform: translateX(-50%) rotate(45deg); width: 8px; height: 8px; background: var(--accent-primary); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-norm-mark { position: absolute; top: -4px; bottom: -4px; width: 2px; background: var(--text-primary); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-norm-mark i { position: absolute; inset: 0; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-norm-cap { position: absolute; top: -22px; left: 50%; transform: translateX(-50%); font-size: 0.7rem; font-weight: 700; color: var(--text-secondary); white-space: nowrap; background: transparent; padding: 0 4px; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-pipe-note { margin: 16px 0 0; display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: 0.78rem; color: var(--text-muted); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-lg { display: inline-flex; align-items: center; gap: 7px; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-lg b { color: var(--text-secondary); font-weight: 700; font-variant-numeric: tabular-nums; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-lg i { width: 22px; height: 10px; border-radius: 999px; display: inline-block; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-lg-std { background: repeating-linear-gradient(-45deg, var(--text-muted), var(--text-muted) 3px, transparent 3px, transparent 6px); background-color: color-mix(in srgb, var(--text-muted) 28%, var(--bg-secondary)); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-lg-extra { background: var(--accent-primary); }


/* details */
#js-tool-container-ac-refrigerant-charge-calculator .rc-ledger { margin: 0 0 14px; display: grid; grid-template-columns: 1fr auto; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-ledger dt, #js-tool-container-ac-refrigerant-charge-calculator .rc-ledger dd { margin: 0; padding: 9px 0; border-bottom: 1px solid var(--border-color); font-size: 0.92rem; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-ledger dt { color: var(--text-secondary); padding-right: 16px; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-ledger dd { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-ledger dd.hl { color: var(--accent-primary); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-procedure { border: 1px solid var(--border-color); border-left: 4px solid var(--warning); border-radius: var(--radius-sm); background: var(--warning-light); padding: 12px 16px; margin: 0 0 12px; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-proc-title { font-weight: 700; font-size: 0.9rem; margin: 0 0 6px; }
#js-tool-container-ac-refrigerant-charge-calculator .rc-procedure p { margin: 0; font-size: 0.86rem; line-height: 1.5; color: var(--text-secondary); }
#js-tool-container-ac-refrigerant-charge-calculator .rc-disclaimer { margin: 0; font-size: 0.84rem; line-height: 1.5; color: var(--text-muted); }

@media (max-width: 600px) {
  #js-tool-container-ac-refrigerant-charge-calculator .rc-grid { grid-template-columns: 1fr; }
  #js-tool-container-ac-refrigerant-charge-calculator .rc-grid .tbcalc-field:last-child { grid-column: auto; }
  #js-tool-container-ac-refrigerant-charge-calculator .rc-unit-cap { display: none; }
  #js-tool-container-ac-refrigerant-charge-calculator .rc-tube { height: 16px; }
  #js-tool-container-ac-refrigerant-charge-calculator .rc-dose-pill { top: -30px; font-size: 0.72rem; }
  #js-tool-container-ac-refrigerant-charge-calculator .rc-norm-cap { top: -19px; }
}