/* ── Tables CO₂ / O₂ ── */
.co2o2-tabs { display:flex; gap:0.4rem; margin-bottom:1.2rem; }
.co2o2-tab  { flex:1; padding:0.55rem 0; border-radius:8px; font-size:0.78rem; font-weight:600;
              text-align:center; cursor:pointer; border:1px solid var(--tool-border-2);
              background:var(--tool-surface-2); color:var(--muted); transition:all 0.2s; }
.co2o2-tab.active { background:var(--tool-violet-soft); border-color:var(--tool-violet-soft); color:var(--tool-violet-text); }

.co2o2-row { display:flex; align-items:center; justify-content:space-between; gap:0.8rem; margin-bottom:0.7rem; }
.co2o2-lbl { font-size:0.8rem; color:var(--muted); flex:1; }
.co2o2-hint { font-size:0.72rem; color:var(--tool-violet-text); margin-left:0.4rem; }

.co2o2-input-wrap { display:flex; align-items:center; gap:0.4rem; }
.co2o2-input { width:72px; padding:0.4rem 0.6rem; background:var(--tool-surface-1);
               border:1px solid var(--tool-border-1); border-radius:8px; color:var(--deep);
               font-size:0.85rem; text-align:center; }
.co2o2-input:focus { outline:none; border-color:rgba(160,80,255,0.5); }
.co2o2-unit { font-size:0.72rem; color:var(--muted); white-space:nowrap; }

.co2o2-divider { height:1px; background:var(--tool-divider); margin:0.9rem 0; }

.co2o2-btn { width:100%; padding:0.75rem; border-radius:10px; font-size:0.85rem; font-weight:600;
             background:var(--tool-violet-gradient);
             border:1px solid var(--tool-violet-soft); color:var(--tool-violet-btn-text); cursor:pointer;
             transition:all 0.2s; margin-bottom:1.1rem; }
.co2o2-btn:hover { background:var(--tool-violet-gradient-hover); }

.co2o2-table-wrap { overflow-x:auto; }
.co2o2-result { width:100%; border-collapse:collapse; font-size:0.82rem; }
.co2o2-result th { padding:0.45rem 0.7rem; text-align:left; font-size:0.65rem; font-weight:700;
                   letter-spacing:0.1em; text-transform:uppercase; color:var(--muted);
                   border-bottom:1px solid rgba(0,130,160,0.2); }
.co2o2-result td { padding:0.5rem 0.7rem; border-bottom:1px solid rgba(0,130,160,0.08); }
.co2o2-result tr:last-child td { border-bottom:none; }
.co2o2-result tr:nth-child(even) td { background:var(--tool-surface-3); }

.td-set   { color:var(--muted); font-size:0.72rem; }
.td-apnee { font-family:'Syne',sans-serif; font-weight:700; color:var(--deep); font-size:0.95rem; }
.td-rest  { color:var(--cyan); }
.td-rest.warn { color:var(--tool-soft-warning-text); }
.td-final { color:rgba(0,130,160,0.4); font-style:italic; font-size:0.75rem; }

.co2o2-summary { display:flex; gap:0.8rem; margin-bottom:0.9rem; }
.co2o2-stat { flex:1; padding:0.6rem; background:var(--tool-surface-1); border-radius:8px;
              border:1px solid var(--tool-border-2); text-align:center; }
.co2o2-stat-val { font-family:'Syne',sans-serif; font-size:1.1rem; font-weight:700; color:var(--deep); }
.co2o2-stat-lbl { font-size:0.65rem; color:var(--muted); margin-top:0.15rem; }

.co2o2-warning { padding:0.6rem 0.8rem; background:var(--tool-soft-warning-bg);
                 border:1px solid var(--tool-soft-warning-border); border-radius:8px;
                 font-size:0.76rem; color:var(--tool-soft-warning-text); margin-top:0.8rem; }

.co2o2-config { display:none; }
.co2o2-config.active { display:block; }

/* Cellules éditables */
.co2o2-cell-inp { background:transparent; border:none; border-bottom:1px solid transparent;
                  color:inherit; font-family:inherit; font-size:inherit; font-weight:inherit;
                  width:58px; padding:2px 3px; outline:none; text-align:center; cursor:text;
                  transition:border-color 0.15s; }
.co2o2-cell-inp:focus { border-bottom-color:rgba(160,80,255,0.55); background:var(--tool-surface-2); border-radius:3px; }

/* Contrôles live */
.co2o2-ctrl-btn { flex:1; padding:0.5rem 0.35rem; border-radius:8px; font-size:0.76rem; font-weight:600;
                  border:1px solid var(--tool-border-2); background:var(--tool-surface-2);
                  color:var(--muted); cursor:pointer; transition:all 0.2s; min-width:0; }
.co2o2-ctrl-btn:hover:not(:disabled) { border-color:rgba(0,210,245,0.4); color:var(--cyan); }
.co2o2-ctrl-btn.play-btn { background:var(--tool-success-soft); border-color:var(--tool-success-border); color:var(--tool-success-text); }
.co2o2-ctrl-btn:disabled { opacity:0.28; cursor:default; pointer-events:none; }

.co2o2-music {
  display:flex;
  align-items:center;
  gap:0.45rem;
  margin-bottom:0.55rem;
  font-size:0.78rem;
  color:var(--muted);
}

/* Ligne active dans le tableau */
.co2o2-tr-active td { background:var(--tool-violet-soft-strong) !important; }