/* faz1/deneysel-pulse.css · Deneysel G1 "Çalışırken değişen iş akışı" (faz1/deneysel-pulse.js). Selectors start with
 * :is(#f1-dn, .f1-nabiz) .dn-pl-. The film's tokens only (faz1.css, scenes.css), so light and dark follow the film's theme; the base shapes
 * (.dn-node, .dn-lane, .dn-card, .dn-chip, .dn-g-row ...) are deneysel.css's. No transitions: everything moves from the
 * player's clock.
 */
:is(#f1-dn, .f1-nabiz) .dn-pl-cv { position: absolute; left: 0; top: 0; width: 1440px; height: 810px; display: block; pointer-events: none; }
:is(#f1-dn, .f1-nabiz) .dn-pl-fg { position: absolute; left: 0; top: 0; width: 1440px; height: 810px; display: block; overflow: hidden; pointer-events: none; font-family: var(--f1-sans); }

/* the three panels, as in the film */
:is(#f1-dn, .f1-nabiz) .dn-pl-panel { fill: var(--pro-panel); stroke: var(--pro-line); stroke-width: 1.4; }
:is(#f1-dn, .f1-nabiz) .dn-pl-hl { fill: none; stroke: var(--pro-line); stroke-width: 1.2; }

/* Varlıklar: group frames and boxes (the film's entities look: thin grey frames, white boxes, bold names) */
:is(#f1-dn, .f1-nabiz) .dn-pl-grp { fill: color-mix(in srgb, var(--pro-soft) 75%, transparent); stroke: var(--f1e-line); stroke-width: 1.1; }
:is(#f1-dn, .f1-nabiz) .dn-pl-box { fill: var(--pro-panel); stroke: var(--f1e-line); stroke-width: 1.3; }
:is(#f1-dn, .f1-nabiz) .dn-pl-kss { fill: var(--pro-focus); stroke: var(--pro-accent); stroke-width: 1.8; }
:is(#f1-dn, .f1-nabiz) .dn-pl-leg { stroke: var(--pro-accent); stroke-width: 2.4; }

/* İş akışı: the steps' states */
:is(#f1-dn, .f1-nabiz) .dn-node.dn-pl-alt { stroke: var(--edge-branch); stroke-dasharray: 5 4; stroke-width: 1.6; }
:is(#f1-dn, .f1-nabiz) .dn-node.dn-pl-draft { fill: color-mix(in srgb, var(--st-warn) 9%, var(--pro-panel)); stroke: var(--st-warn); stroke-width: 2.2; stroke-dasharray: 6 4; }
:is(#f1-dn, .f1-nabiz) .dn-node.dn-pl-del { stroke: var(--st-crit); stroke-width: 2.2; stroke-dasharray: 5 4; }
:is(#f1-dn, .f1-nabiz) .dn-pl-strike { fill: none; stroke: var(--st-crit); stroke-width: 2.2; stroke-linecap: round; }
:is(#f1-dn, .f1-nabiz) .dn-pl-e-alt .dn-edge { stroke: var(--edge-branch); stroke-dasharray: 5 4; }
:is(#f1-dn, .f1-nabiz) .dn-pl-e-alt .dn-arrow { fill: var(--edge-branch); }
:is(#f1-dn, .f1-nabiz) .dn-pl-e-draft .dn-edge { stroke: var(--st-warn); stroke-dasharray: 6 4; }
:is(#f1-dn, .f1-nabiz) .dn-pl-e-draft .dn-arrow { fill: var(--st-warn); }
:is(#f1-dn, .f1-nabiz) .dn-pl-hero { fill: none; stroke: var(--pro-accent); stroke-width: 2.6; }
:is(#f1-dn, .f1-nabiz) .dn-pulse.dn-pl-pulse-ok { stroke: var(--st-ok); }

/* the change cards: a coloured bar and icon per kind */
:is(#f1-dn, .f1-nabiz) .dn-pl-bar { stroke: none; }
:is(#f1-dn, .f1-nabiz) .dn-pl-lead { fill: none; stroke-width: 1.6; stroke-dasharray: 4 3; }
:is(#f1-dn, .f1-nabiz) .dn-pl-ic-c { stroke: none; }
:is(#f1-dn, .f1-nabiz) .dn-pl-ic-p { fill: none; stroke: #fff; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
:is(#f1-dn, .f1-nabiz) .dn-pl-ic-dot { fill: #fff; stroke: none; }
:root[data-film-theme="dark"] :is(#f1-dn, .f1-nabiz) .dn-pl-ic-p { stroke: #101318; }
:root[data-film-theme="dark"] :is(#f1-dn, .f1-nabiz) .dn-pl-ic-dot { fill: #101318; }
@media (prefers-color-scheme: dark) { :root:not([data-film-theme]) :is(#f1-dn, .f1-nabiz) .dn-pl-ic-p { stroke: #101318; } :root:not([data-film-theme]) :is(#f1-dn, .f1-nabiz) .dn-pl-ic-dot { fill: #101318; } }
:is(#f1-dn, .f1-nabiz) .dn-pl-k-hero :is(.dn-pl-ic-c, .dn-pl-bead-c), :is(#f1-dn, .f1-nabiz) .dn-pl-bar.dn-pl-k-hero, :is(#f1-dn, .f1-nabiz) .dn-pl-bar.dn-pl-k-ekle, :is(#f1-dn, .f1-nabiz) .dn-pl-k-ekle :is(.dn-pl-ic-c, .dn-pl-bead-c),
:is(#f1-dn, .f1-nabiz) .dn-pl-bar.dn-pl-k-degistir, :is(#f1-dn, .f1-nabiz) .dn-pl-k-degistir :is(.dn-pl-ic-c, .dn-pl-bead-c), :is(#f1-dn, .f1-nabiz) .dn-pl-bar.dn-pl-k-ozet, :is(#f1-dn, .f1-nabiz) .dn-pl-k-ozet .dn-pl-ic-c { fill: var(--pro-accent); }
:is(#f1-dn, .f1-nabiz) .dn-pl-bar.dn-pl-k-test, :is(#f1-dn, .f1-nabiz) .dn-pl-k-test :is(.dn-pl-ic-c, .dn-pl-bead-c) { fill: var(--st-warn); }
:is(#f1-dn, .f1-nabiz) .dn-pl-k-devrede :is(.dn-pl-ic-c, .dn-pl-bead-c) { fill: var(--st-ok); }
:is(#f1-dn, .f1-nabiz) .dn-pl-bar.dn-pl-k-geri, :is(#f1-dn, .f1-nabiz) .dn-pl-k-geri :is(.dn-pl-ic-c, .dn-pl-bead-c) { fill: var(--saffron); }
:is(#f1-dn, .f1-nabiz) .dn-pl-bar.dn-pl-k-sil, :is(#f1-dn, .f1-nabiz) .dn-pl-k-sil :is(.dn-pl-ic-c, .dn-pl-bead-c) { fill: var(--st-crit); }
:is(#f1-dn, .f1-nabiz) .dn-pl-lead.dn-pl-k-ekle, :is(#f1-dn, .f1-nabiz) .dn-pl-lead.dn-pl-k-degistir { stroke: var(--pro-accent); }
:is(#f1-dn, .f1-nabiz) .dn-pl-lead.dn-pl-k-test { stroke: var(--st-warn); }
:is(#f1-dn, .f1-nabiz) .dn-pl-lead.dn-pl-k-geri { stroke: var(--saffron); }
:is(#f1-dn, .f1-nabiz) .dn-pl-lead.dn-pl-k-sil { stroke: var(--st-crit); }
:is(#f1-dn, .f1-nabiz) .dn-pl-bead-c { stroke: var(--pro-panel); stroke-width: 2; }

/* the version history */
:is(#f1-dn, .f1-nabiz) .dn-pl-vrow { fill: var(--pro-soft); stroke: var(--pro-line); stroke-width: 1; }
:is(#f1-dn, .f1-nabiz) .dn-pl-vrow.dn-pl-vrow-on { fill: var(--pro-focus); stroke: var(--pro-accent); stroke-width: 2; }
:is(#f1-dn, .f1-nabiz) .dn-pl-tcrit { fill: var(--st-crit); }
:is(#f1-dn, .f1-nabiz) .dn-pl-gone { fill: var(--pro-muted); }
:is(#f1-dn, .f1-nabiz) .dn-pl-rb-p { fill: none; stroke: var(--saffron); stroke-width: 2.2; }
:is(#f1-dn, .f1-nabiz) .dn-pl-rb-h { fill: var(--saffron); stroke: none; }