/* ── NITROX INLINE ── */
.nitrox-card { cursor: default; }
.nitrox-card:hover { transform: translateY(-4px); }

.calc-tabs { display: flex; gap: 0.4rem; }
.calc-tab { flex: 1; padding: 7px 0; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; text-align: center; border-radius: 7px; cursor: pointer; border: 1px solid transparent; transition: all 0.2s ease; color: var(--muted); background: var(--tool-surface-3); }
.calc-tab.active { background: rgba(0,180,120,0.15); color: var(--green); border-color: rgba(0,180,120,0.35); }

.calc-panel { display: none; flex-direction: column; gap: 0.7rem; }
.calc-panel.active { display: flex; }
.calc-row { display: flex; flex-direction: column; gap: 0.28rem; }
.calc-label { font-size: 0.67rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.calc-input-wrap { position: relative; }
.calc-input { width: 100%; background: var(--tool-surface-1); border: 1px solid rgba(0,180,120,0.25); border-radius: 8px; padding: 8px 44px 8px 12px; color: var(--deep); font-family: 'DM Sans', sans-serif; font-size: 0.95rem; transition: border-color 0.2s; outline: none; }
.calc-input:focus { border-color: rgba(0,200,140,0.6); background: var(--tool-input-focus-bg); }
.calc-unit { position: absolute; right: 11px; top: 50%; transform: translateY(-50%); font-size: 0.68rem; color: var(--muted); pointer-events: none; }
.calc-sep { height: 1px; background: var(--tool-divider); }
.calc-result { background: rgba(0,150,100,0.07); border: 1px solid rgba(0,150,100,0.2); border-radius: 10px; padding: 11px 14px; display: flex; justify-content: space-between; align-items: center; }
.calc-result-lbl { font-size: 0.67rem; color: var(--muted); letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 2px; }
.calc-result-val { font-family: 'Syne', sans-serif; font-size: 1.55rem; font-weight: 700; color: var(--green); line-height: 1; }
.calc-result-unit { font-size: 0.75rem; color: var(--muted); margin-left: 3px; }
.calc-warn { font-size: 0.68rem; color: var(--accent); background: rgba(224,80,32,0.07); border: 1px solid rgba(224,80,32,0.2); border-radius: 6px; padding: 5px 10px; display: none; margin-top: 3px; }
.calc-warn.on { display: block; }
.calc-formula { font-size: 0.63rem; color: rgba(0,150,100,0.45); font-style: italic; text-align: right; }
