@import url('fly-controls.css');
@import url('fly-pop.css');
@import url('fly-balances.css');
@import url('fly-plate.css');

/* css/fly.css — the Operator / Fly pane layout (W1-J; PLAN_v5 §4.1, §3.11). Owns the `.fl-*` layout grid, the toast /
   banner host, the pop-up #fl-dialog and its scrim. The four sub-module sheets above own `.fl-c-*` (rail), `.fl-p-*`
   (POPCON instrument), `.fl-b-*` (bottom row) and `.fl-q-*` (plate). Recipes (.pane-head, .rail-body, .centre-body,
   .toast, .dialog, .dialog-scrim, .btn) live in components.css. Tokens only (no hex but #fff), no zoom, light only.
   Frame px at scale 1: title 0–40 · body 40–776 · status 776–800; rail 0–240 | centre 240–1000 | plate 1000–1280;
   column heads 40–84. */

/* ---- rail: content x 16–224 (208), y 96–764 ---- */
.fl-rail{padding:12px 16px;gap:0}

/* ---- centre: padding 12 16 → x 256–984 (728), y 96–764 (668); POPCON card 96–526, bottom row 534–764 ---- */
.fl-centre{position:relative;padding:12px 16px;gap:8px;min-height:0;min-width:0}
.fl-popslot{flex:none;display:flex;height:430px;min-width:0;min-height:0}
.fl-popslot>*{flex:1 1 auto;min-width:0;min-height:0}
.fl-row{flex:none;height:230px;min-width:0;min-height:0}

/* ---- toast / banner: 360×32 bottom-centred over the POPCON card (frame x 440–800, y 486–518) ---- */
.fl-toasts{position:absolute;left:200px;top:402px;width:360px;height:32px;z-index:4;pointer-events:none}
.fl-toast{width:100%;height:32px;pointer-events:auto}

/* ---- the cutaway pop-up (A12): 900×560 at frame (190, 120) over the 20 % ink scrim of the recipe. The layers sit
   below the tooltip layer (#tips) and the ⌘K palette, above everything in the body grid (the POPCON thumbnail is 3). ---- */
.fl-scrim{z-index:4}
#fl-dialog{left:190px;top:120px;width:900px;height:560px;z-index:4}
.fl-dialog-body{min-height:0;min-width:0}
.fl-dialog-body>*{flex:1 1 auto;min-height:0;min-width:0}

/* ---- v5.1 C2: the first-visit stability card #fl-stab (the .welcome-card recipe of frame.css: title · lines · foot).
   560 wide, bottom-centred in the centre column over the bottom row (x 340–900, bottom 4 px above the body's end, top ≈ 522
   below the POPCON's T_w axis title), so the POPCON it explains stays in view; z 4 and earlier in the DOM than the cutaway pop-up and its scrim (which cover it) and
   than the toast host (a banner stays readable over it). Each line: a 64×16 legend swatch (fly.js stabSwatch, drawn with
   the POPCON's own mark classes) and its text in the welcome lines' type. ---- */
.fl-stab{position:absolute;left:100px;bottom:4px;width:560px;z-index:4}
.fl-stab-lines{padding-left:0;list-style:none}
.fl-stab-line{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:12px;align-items:start}
.fl-stab-key{display:flex;align-items:center;height:19px}
.fl-stab-svg{display:block;overflow:visible}
/* the stability stipple (fly-pop.js STIPPLE: white at 62 %, the ink dot at 50 %) and the swatch hairline (.ch-hatch-swatch) */
.fl-stab-stip-w{fill:#fff;fill-opacity:0.62}
.fl-stab-stip-k{fill:var(--iv-ink);fill-opacity:0.5}
.fl-stab-frame{fill:none;stroke:var(--iv-rule-35);stroke-width:1}