/* ── ANOVA tab ─────────────────────────────────────────── */
.anova-wrap        { display: flex; flex-direction: column; padding: 12px 16px; gap: 12px; }
.anova-settings    { display: flex; gap: 16px; align-items: center; }
.anova-setting     { display: flex; align-items: center; gap: 6px; font-size: 11px; color: var(--text-2); }
.anova-setting select {
  font-size: 11px; font-family: var(--sans);
  padding: 3px 6px; border: 0.5px solid var(--border);
  border-radius: var(--radius); background: var(--surface);
  color: var(--text); cursor: pointer;
}

/* table + detail side by side once a row is selected */
.anova-row         { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; min-width: 0; }
.anova-cell-title  { font-size: 11px; font-weight: 500; color: var(--text-2); }

/* table */
.anova-table         { width: 100%; border-collapse: collapse; font-size: 12px; }
.anova-table th      { text-align: left; padding: 5px 8px;
                     border-bottom: 1.5px solid var(--border);
                     font-size: 11px; color: var(--text-2); font-weight: 500; }
.anova-table td      { padding: 4px 8px; border-bottom: 1px solid var(--border-lt); }
.anova-row-item    { cursor: pointer; }
.anova-row-item:hover { background: var(--accent-bg); }
.anova-row-item.active { background: var(--accent-bg);
                          outline: 1px solid var(--accent-lt); }

/* detail panel header */
.anova-detail-header { display: flex; align-items: center; gap: 10px;
                        padding: 4px 0 8px; border-bottom: 1px solid var(--border-lt); }
.anova-analyte-name { font-size: 13px; color: var(--text); }
.anova-badge         { background: var(--surface-2); border: 1px solid var(--border);
                        border-radius: var(--radius); padding: 2px 7px;
                        font-size: 11px; color: var(--text-2); }
.anova-stat          { font-family: var(--mono); font-size: 11px; color: var(--text-2); }
.anova-full-link     { margin-left: auto; font-size: 11px; color: var(--accent);
                        text-decoration: none; }
.anova-full-link:hover { text-decoration: underline; }

.anova-body        { display: flex; flex-direction: column; gap: 10px; }
.anova-cell        { background: var(--surface); border: 0.5px solid var(--border);
                     border-radius: var(--radius); padding: 8px 10px;
                     display: flex; flex-direction: column; gap: 6px;
                     min-width: 0; overflow: hidden; }
.anova-table-scroll { overflow-y: visible; height: auto; }
.anova-plot        { height: 400px; min-width: 0; }
.anova-empty         { color: var(--text-3); font-size: 12px; padding: 20px 0; }
.anova-loading       { color: var(--text-3); font-size: 12px; padding: 20px 0; }

.anova-info      { font-size: 11px; color: var(--text-3); padding: 2px 0 4px; }
.anova-info-link { color: var(--text-3); text-decoration: underline dotted;
                   cursor: help; font-size: 11px; }