/* ============================================================
   planflow-frame-panel.css — THE GROUP FRAME'S PANEL in the floating
   inspector (round 27, track C, 2026-10-19).  planflow-inspector.js
   framePanel / frameExecView: selecting a group frame (its title chip, its
   folded card) opens the inspector FOR THE FRAME — head with the G1… badge,
   the name (editable), "Group frame · N blocks"; tab Inspector with Name /
   When the workflow runs / Blocks inside / Last run; tab Execution with the
   members' rows; the other tabs hidden.

   Owner (2026-10-19, on the run-mode chip of round 26): "you have implemented
   this element as a settings, but we need to use the same design as we were
   using here" — the panel.

   Everything lives inside .pfi-root .wf-insp.is-frame, paints from the
   panel's own tokens (--text, --label, --muted, --well-bg, --field-bg, …;
   planflow-night.css remaps them for night / contrast) and reuses the
   panel's classes: .wf-sec / .wf-sec__h, .wf-csel, .wf-wfv__row (the
   Workflow view's block rows), .wf-wfv__kpi (its tiles), .wf-exec (the
   Execution view). The only colour of its own is the frame family's PLUM
   #7D3C78 (planflow-frames.css), mapped for night below.

   Linked by planflow-inspector.js (ensureFramePanelCss) until index.html
   carries the <link> after planflow-frames.css (README request).
   ============================================================ */

/* ROUND 34 (owner): the badge letters G1… on the corner card wear the SAME ink as every other
   panel's letters - the frame's plum read as red there (the rule that set it is gone) */

/* ---- the view ---- */
.pfi-root .wf-frp{display:flex;flex-direction:column}
.pfi-root .wf-frp .wf-sec{margin-top:11px}
.pfi-root .wf-frp .wf-sec:first-child{margin-top:2px}
.pfi-root .wf-frp__desc{margin:0 0 2px;font-size:12px;line-height:1.5;color:var(--label)}

/* ---- 1. the name ---- */
.pfi-root .wf-frp__name .wf-input{width:100%}

/* ---- 2. when the workflow runs ---- */
.pfi-root .wf-frp__modenote{margin:8px 2px 0;font-size:11.5px;line-height:1.45;color:var(--label)}
.pfi-root .wf-frp__run .wf-csel__btn[data-frame-run="skip"] .wf-csel__val,
.pfi-root .wf-frp__run .wf-csel__btn[data-frame-run="passthrough"] .wf-csel__val{color:#7D3C78;font-weight:600}

/* ---- 3. the blocks inside (the Workflow view's rows, no search) ---- */
.pfi-root .wf-frp__blocks .wf-sec__hd{padding-bottom:6px}
.pfi-root .wf-frp__blocks .wf-sec__hint{font-size:11px;color:var(--label)}
.pfi-root .wf-frp__list{display:flex;flex-direction:column}
.pfi-root .wf-frp__list .wf-wfv__row{padding-top:6px;padding-bottom:6px}
.pfi-root .wf-frp__none{font-size:12px;line-height:1.5;color:var(--label);padding:2px 0}

/* ---- 4. the last run: the state row, then four tiles like the Workflow view's ---- */
.pfi-root .wf-frp__lastrun .wf-wfv__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
.pfi-root .wf-frp__state{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.pfi-root .wf-frp__when{font-size:11.5px;color:var(--label)}
.pfi-root .wf-frp .wf-status.s-skipped,.pfi-root .wf-frp .wf-status.s-waiting,.pfi-root .wf-frp .wf-status.s-idle{color:var(--label)}
.pfi-root .wf-frp .wf-status.s-review{color:#9A6313}

/* ---- the Execution tab for a frame: the group's note above the members ---- */
.pfi-root .wf-frp__execnote{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:12px;line-height:1.45;color:var(--label)}
.pfi-root .wf-frp__execnote svg{width:14px;height:14px;flex:none;color:#7D3C78}

/* ---- night / contrast: the plum lifted onto the dark palette (every other
   colour above is a panel token planflow-night.css already remaps) ---- */
/* ROUND 34: the night letters follow the common night rule (planflow-night.css), like every panel */
html:is(.wf-theme-night,.wf-theme-contrast) body.aw-newblocks .pfi-root .wf-frp__run .wf-csel__btn[data-frame-run="skip"] .wf-csel__val,
html:is(.wf-theme-night,.wf-theme-contrast) body.aw-newblocks .pfi-root .wf-frp__run .wf-csel__btn[data-frame-run="passthrough"] .wf-csel__val,
html:is(.wf-theme-night,.wf-theme-contrast) body.aw-newblocks .pfi-root .wf-frp__execnote svg{color:#D9A3D4}
html:is(.wf-theme-night,.wf-theme-contrast) body.aw-newblocks .pfi-root .wf-frp .wf-status.s-review{color:#E0B45C}