/* ============================================================================
 * shared/windows/02-ad-vs-non-ad/style.css
 * ───────────────────────────────────────────────────────────────────────────
 * Module-specific sizing + panel-row sub-component.
 *
 * Layout rules:
 *   - .zen-split is positioned declaratively (data-at 50% 56%, anchor center)
 *     and gets an explicit pixel size here so the two panels have room to
 *     breathe but don't kiss the viewport edges.
 *   - .panel-row is an ad-hoc sub-component (not extracted to /shared/zen/
 *     yet — TODO if reused in another module). Each row carries the standard
 *     .a-active / .a-past / .a-dimmed states so beat transitions are identical
 *     to every other zen element.
 * ============================================================================ */

/* ── Split container sizing ──────────────────────────────────────────────── */
.zen-split {
    /* Viewport 1920×1080. HUD top ~120px, progress bar bottom ~6px. */
    width: 1680px;
    /* Two panels of ~828px each with 24px gap (the default .zen-split gap). */
}

/* ── Panel refinements (module scope) ────────────────────────────────────── */
.zen-panel {
    /* Slight bump on padding so rows have air. */
    padding: 22px 24px;
    gap: 14px;
}
.zen-panel__tag {
    font-size: 0.8rem;
    letter-spacing: 2px;
}
.zen-panel__title {
    font-size: 1.45rem;
    letter-spacing: -0.01em;
    margin-bottom: 4px;
}

/* ── Panel-row sub-component ─────────────────────────────────────────────── */
.panel-row {
    padding: 14px 0 16px;
    border-top: 1px solid var(--border);
    display: flex;
    flex-direction: column;
    gap: 6px;
    opacity: 0.4;
    transition: opacity 0.45s var(--ease-natural),
                filter 0.45s var(--ease-natural);
}
/* First row has no divider — the panel header already visually separates it. */
.panel-row:first-of-type { border-top: none; padding-top: 4px; }

.panel-row.a-active { opacity: 1; }
.panel-row.a-past   { opacity: 0.55; filter: grayscale(0.35); }
.panel-row.a-dimmed { opacity: 0.18; }

.panel-row__head {
    display: flex;
    align-items: center;
    gap: 12px;
}
.panel-row__title {
    font-size: 1rem;
    font-weight: 600;
    color: var(--white);
    letter-spacing: -0.005em;
    flex: 1 1 auto;
}
.panel-row__body {
    font-size: 0.88rem;
    color: var(--gray);
    line-height: 1.5;
}

/* ── Badge sizing inside a row header ────────────────────────────────────── */
.panel-row .zen-badge {
    flex: 0 0 auto;
    font-size: 0.7rem;
    letter-spacing: 0.4px;
}

/* Panel colors come from modifiers : AD = --good (vert), Std = --decision
 * (cyan). Les deux panneaux ont une signature colorée distincte, aucun n'est
 * "le panneau neutre qui perd le duel". Framing 100% cas d'usage. */