/* faz1/entities.css · B2 · left panel. Every selector starts with .f1e-. The film's opsSvgBox look (CONTRACT 8.3.5):
   rx 10 boxes, title 17-18 px weight 550, sub 12.5 px, theme tokens from faz1.css. --f1e-k (1 / camera scale) keeps
   compact labels and L1 cards readable at any zoom.
   Transitions: opacity on .f1e-lv level layers (300 ms) and on dimmed boxes, edges and zones (200 ms). */
.f1e-root { position:relative; overflow:hidden; background:var(--pro-bg); user-select:none; }
.f1e-world { position:absolute; inset:0; width:100%; height:100%; display:block; cursor:grab; font-family:var(--f1-sans); }
.f1e-world text { fill:var(--pro-ink); }

/* zones */
.f1e-zone .f1e-zrect { fill:var(--pro-soft); stroke:var(--f1e-line, var(--pro-line)); stroke-width:1.2; }
.f1e-zs-boundary .f1e-zrect { fill:none; stroke:var(--pro-text2); stroke-width:1.6; stroke-dasharray:9 6; }
.f1e-zs-org .f1e-zrect { fill:none; stroke:var(--f1e-line, var(--pro-line)); stroke-width:1.2; }
.f1e-world .f1e-zl { font-size:13px; font-weight:650; letter-spacing:.06em; fill:var(--pro-text2); }
.f1e-world .f1e-zcap { font-size:12px; fill:var(--pro-text2); font-style:italic; }
/* zone labels sit on the top border in a notch of the panel background */
.f1e-zlbg { fill:var(--pro-bg); stroke:none; }
.f1e-lock { fill:none; stroke:var(--pro-text2); stroke-width:1.3; }
.f1e-zone.f1-cue .f1e-zrect { stroke:var(--pro-accent); stroke-width:2.5; fill:var(--pro-focus); fill-opacity:.55; }

/* boxes */
.f1e-box { cursor:pointer; transition:opacity .2s; }
.f1e-frame { fill:var(--pro-panel); stroke:var(--f1e-line, var(--pro-line)); stroke-width:1.2; }
.f1e-entity .f1e-frame, .f1e-role .f1e-frame { filter:none; }
.f1e-k-new > .f1e-frame { fill:var(--pro-focus); stroke:var(--pro-accent); stroke-width:1.6; }
.f1e-k-paper > .f1e-frame { fill:var(--pro-panel); stroke:var(--f1e-line, var(--pro-line)); stroke-dasharray:3 2; }
.f1e-k-external > .f1e-frame { fill:var(--pro-soft); }
.f1e-k-channel > .f1e-frame { stroke-dasharray:6 3; }
.f1e-soluk { opacity:.55; }
.f1e-world .f1e-title { font-size:17.5px; font-weight:550; }
.f1e-world .f1e-sub { font-size:12.5px; fill:var(--pro-text2); }
.f1e-world .f1e-line { font-size:11.5px; fill:var(--pro-text2); }
.f1e-glyph { fill:none; stroke:var(--pro-text2); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; }
.f1e-k-new .f1e-glyph { stroke:var(--pro-accent); }
.f1e-world .f1e-ctoken { font-size:12px; font-weight:650; fill:var(--pro-ink); letter-spacing:.03em; }
.f1e-world .f1e-rtoken { font-weight:650; }
.f1e-world .f1e-rtitle { font-size:15px; font-weight:550; }
.f1e-world .f1e-rname { font-size:11.5px; fill:var(--pro-text2); }
.f1e-has-stack .f1e-rname { fill:var(--pro-accent); font-weight:600; }
.f1e-tray { fill:var(--pro-soft); stroke:var(--f1e-line, var(--pro-line)); stroke-dasharray:3 3; }
/* a tray no circle lands in this frame keeps its anchor but draws nothing, so the box text may use the room */
.f1e-tray.f1e-tray-quiet:not(.f1-cue) { fill:none; stroke:none; }
/* a highlighted box frames its tray only when circles land in it: a quiet tray stays undrawn, so the box label may use its room
   (Leo 2026-10-14, group:sirket_oyb: the long company name ran over the empty tray capsule) */
.f1e-tray.f1-cue, .f1e-box.f1-cue > .f1e-tray:not(.f1e-tray-quiet) { stroke:var(--pro-accent); stroke-dasharray:none; }
/* a compact group shows its label at reading size; its bucket tray keeps the anchor but draws nothing over the label */
.f1e-group.f1e-at-C > .f1e-btray:not(.f1-cue) { fill:none; stroke:none; }
.f1e-group > .f1e-frame { fill:var(--pro-soft); fill-opacity:.55; stroke:var(--f1e-line, var(--pro-line)); }
.f1e-k-holding > .f1e-frame { fill:none; }
.f1e-k-sirket > .f1e-frame { fill-opacity:.35; }
.f1e-k-ozet > .f1e-frame, .f1e-outside > .f1e-frame { stroke-dasharray:6 4; }
.f1e-k-kuyruk > .f1e-frame { stroke:var(--st-warn); stroke-dasharray:5 3; fill:#fff8e1; fill-opacity:.6; }
.f1e-world .f1e-glabel { font-size:14px; font-weight:600; fill:var(--pro-ink); }
.f1e-world .f1e-btext { font-size:11px; fill:var(--pro-accent); font-weight:600; }

/* level layers: C compact, L0, L1 (card lives in .f1e-cards) */
.f1e-lv { opacity:0; visibility:hidden; transition:opacity .3s, visibility .3s; }
.f1e-at-C > .f1e-lvc, .f1e-at-L0 > .f1e-lv0, .f1e-at-B > .f1e-lvb { opacity:1; visibility:visible; }
.f1e-at-B > .f1e-frame { stroke:var(--pro-accent); stroke-width:1.6px; vector-effect:non-scaling-stroke; }
.f1e-world .f1e-btitle { font-weight:650; }
.f1e-world .f1e-bsub { fill:var(--pro-text2); }
.f1e-entity.f1e-at-C > .f1e-chips, .f1e-at-C > .f1e-ports, .f1e-at-B > .f1e-ports, .f1e-small-ports .f1e-plabel, .f1e-small-ports .f1e-pstate { visibility:hidden; }
/* an L1 card shows its own chips; the box chips above the slot would repeat them */
.f1e-box.f1e-at-L1 > .f1e-chips { visibility:hidden; }
.f1e-group.f1e-at-C > .f1e-lvc { opacity:1; visibility:visible; }

.f1e-l1 { overflow:visible; }
/* the backdrop under a card the story or a click opens: the map stays as context, clearly behind */
.f1e-scrim { fill:var(--pro-bg); opacity:.34; pointer-events:none; }   /* light: the map around an explained object stays readable (Leo 2026-10-14) */

/* chips, dots, ports */
.f1e-chip rect { fill:var(--pro-panel); stroke:currentColor; stroke-width:1.1; }
.f1e-world .f1e-chip text { font-size:11px; font-weight:600; fill:currentColor; }
.f1e-tone-muted { color:var(--pro-text2); fill:var(--pro-muted); }
.f1e-tone-accent { color:var(--pro-accent); fill:var(--pro-accent); }
.f1e-tone-ok { color:var(--st-ok); fill:var(--st-ok); }
.f1e-tone-warn { color:#a57900; fill:var(--st-warn); }
.f1e-tone-crit { color:var(--st-crit); fill:var(--st-crit); }
.f1e-dot { stroke:var(--pro-panel); stroke-width:1; }
.f1e-port rect { fill:var(--pro-panel); stroke:var(--pro-accent); stroke-width:1.1; stroke-dasharray:4 2; }
.f1e-world .f1e-plabel { font-size:10.5px; font-weight:600; fill:var(--pro-ink); }
.f1e-world .f1e-pstate { font-size:10px; fill:var(--pro-accent); }
.f1e-port.f1-cue rect { fill:var(--pro-focus); stroke-dasharray:none; stroke-width:2.2; }

/* edges */
.f1e-edge { transition:opacity .2s; }
/* background lines are hidden unless the legend is open; a story highlight, a hovered line or the lines of a hovered box show */
.f1e-root:not(.f1e-lines-all) .f1e-edge:not(.f1-cue):not(.f1-hover):not(.f1e-near) .f1e-eline,
.f1e-root:not(.f1e-lines-all) .f1e-edge:not(.f1-cue):not(.f1-hover):not(.f1e-near) .f1e-eglyph { opacity:0; }
.f1e-eline { fill:none; stroke:var(--edge); stroke-width:1.6; }
.f1e-ehit { fill:none; stroke:transparent; stroke-width:12; }
.f1e-ek-entegrator .f1e-eline { stroke-width:1.2; }
.f1e-ek-api .f1e-eline, .f1e-ek-db .f1e-eline { stroke-width:1.9; }
.f1e-ek-file .f1e-eline { stroke-dasharray:6 4; }
.f1e-ek-eye .f1e-eline, .f1e-ek-manual .f1e-eline { stroke-dasharray:1.5 3.5; stroke-linecap:round; stroke-width:1.8; }
.f1e-ek-paper .f1e-eline, .f1e-ek-mail .f1e-eline { stroke-dasharray:8 3 2 3; }
.f1e-ek-org .f1e-eline { stroke-dasharray:5 4; stroke:var(--f1e-line, var(--pro-line)); }
.f1e-ek-later .f1e-eline { stroke-dasharray:4 4; stroke:var(--pro-muted); opacity:.5; }
.f1e-eglyph circle { fill:var(--pro-panel); stroke:var(--edge); stroke-width:1; }
.f1e-eglyph path { fill:none; stroke:var(--pro-text2); stroke-width:1.3; }
.f1e-world .f1e-egt { font-size:12px; text-anchor:middle; fill:var(--pro-text2); }
.f1e-ek-org .f1e-eglyph { display:none; }
.f1e-ek-later .f1e-eglyph { opacity:.6; }
.f1e-world .f1e-elabel { font-size:11px; font-weight:600; fill:var(--pro-text2); visibility:hidden; }
.f1e-elbg { fill:var(--pro-panel); stroke:var(--f1e-line, var(--pro-line)); stroke-width:1px; vector-effect:non-scaling-stroke; visibility:hidden; }
.f1e-labels-on .f1e-world .f1e-elabel, .f1e-world .f1e-edge.f1-cue .f1e-elabel, .f1e-world .f1e-edge.f1-hover .f1e-elabel,
.f1e-labels-on .f1e-world .f1e-elbg, .f1e-world .f1e-edge.f1-cue .f1e-elbg, .f1e-world .f1e-edge.f1-hover .f1e-elbg { visibility:visible; }
.f1e-world .f1e-elabel.f1e-elabel-none, .f1e-world .f1e-elbg.f1e-elabel-none { display:none; }
.f1e-edge.f1-cue .f1e-eline { stroke:var(--pro-accent); stroke-width:2.6; opacity:1; }
.f1e-edge.f1-cue .f1e-eglyph circle { stroke:var(--pro-accent); }
.f1e-world .f1e-edge.f1-cue .f1e-elabel { fill:var(--pro-accent); font-weight:600; }

/* highlight, hover, dim */
.f1e-box.f1-cue > .f1e-frame { fill:var(--pro-focus); stroke:var(--pro-accent); stroke-width:2.5; }
.f1e-world .f1e-box.f1-cue .f1e-title, .f1e-world .f1e-box.f1-cue .f1e-rtitle, .f1e-world .f1e-box.f1-cue .f1e-ctoken, .f1e-world .f1e-box.f1-cue .f1e-glabel { fill:var(--pro-accent); }
.f1e-box.f1-hover > .f1e-frame { stroke:var(--pro-accent); stroke-width:2; stroke-dasharray:5 3; }
/* Leo 2026-10-15 (H02b): .4 made the light theme's lines vanish next to the focused box */
.f1e-box.f1-dim, .f1e-edge.f1-dim, .f1e-zone.f1-dim { opacity:.55; }
.f1e-box.f1e-under { opacity:.4; }
/* while the camera travels top-down to a focus, the map shows undimmed (entities.js contextChain) */
.f1e-flying .f1e-box.f1e-under, .f1e-flying .f1e-box.f1-dim { opacity:1; }
.f1e-edge.f1-dim .f1e-elabel { visibility:hidden; }

.f1e-box.f1e-at-L1:not(.f1e-group) > .f1e-frame { fill:none; stroke:none; }
/* viewer tint (Görüntüleyen) */
.f1e-depth-tam > .f1e-frame { stroke:var(--st-ok); stroke-width:2; }
.f1e-depth-durum > .f1e-frame { stroke:var(--pro-accent); stroke-width:1.4; stroke-dasharray:6 3; }
.f1e-depth-ozet { opacity:.6; }
.f1e-depth-ozet > .f1e-frame { stroke-dasharray:2 3; }
.f1e-depth-yok { opacity:.28; }

/* short cards (non-focus L1): label above value */
.f1e-card-short .f1e-crow { flex-direction:column; gap:calc(2 * var(--u)); }
.f1e-card-short .f1e-ck { width:auto; padding-top:0; }
/* L1 card (HTML inside foreignObject, sized in world units via --f1e-k) */
.f1e-card { --u:calc(var(--f1e-k, 1) * 1px); position:relative; box-sizing:border-box; font-family:var(--f1-sans); font-size:calc(12.5 * var(--u)); line-height:1.38; color:var(--pro-ink);
  background:var(--pro-panel); border:calc(1.5 * var(--u)) solid var(--pro-accent); border-radius:calc(10 * var(--u)); padding:calc(10 * var(--u)) calc(12 * var(--u));
  box-shadow:0 calc(2 * var(--u)) calc(14 * var(--u)) rgba(20,30,40,.14); }
.f1e-chead { display:flex; gap:calc(9 * var(--u)); align-items:flex-start; }
.f1e-hglyph { width:calc(18 * var(--u)); height:calc(18 * var(--u)); flex:none; margin-top:calc(2 * var(--u)); fill:none; stroke:var(--pro-accent); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
.f1e-chtext { display:flex; flex-direction:column; min-width:0; }
.f1e-ctitle { font-size:calc(16 * var(--u)); font-weight:600; line-height:1.2; }
/* line-height 1.45: the glyph box of a line under the title (Ş, Ğ, Ü) stays inside its own line, clear of the title */
.f1e-ckind, .f1e-cperson { color:var(--pro-text2); font-size:calc(11.5 * var(--u)); line-height:1.45; }
.f1e-cl1t { color:var(--pro-accent); font-weight:600; font-size:calc(12 * var(--u)); }
.f1e-csub { color:var(--pro-text2); margin-top:calc(4 * var(--u)); }
.f1e-cchips { display:flex; flex-wrap:wrap; gap:calc(4 * var(--u)); margin-top:calc(6 * var(--u)); }
.f1e-cchip { font-size:calc(10.5 * var(--u)); font-weight:600; border:calc(1 * var(--u)) solid currentColor; border-radius:calc(9 * var(--u)); padding:0 calc(7 * var(--u)); background:var(--pro-panel); }
.f1e-cchip-story { background:var(--pro-focus); }
.f1e-card > .f1e-crow { margin-top:calc(5 * var(--u)); }
.f1e-crow { display:flex; gap:calc(8 * var(--u)); }
.f1e-ck { flex:none; width:calc(108 * var(--u)); color:var(--pro-text2); font-size:calc(11 * var(--u)); padding-top:calc(1 * var(--u)); }
.f1e-cv { flex:1; min-width:0; }
.f1e-mono .f1e-cv { font-family:var(--f1-mono); font-size:calc(11.5 * var(--u)); }
.f1e-warnrow .f1e-cv { color:#8a6400; }
.f1e-cverbs, .f1e-cedges, .f1e-cports, .f1e-inner { margin-top:calc(7 * var(--u)); display:flex; flex-wrap:wrap; gap:calc(4 * var(--u)); align-items:center; }
.f1e-cverbs .f1e-ck, .f1e-cedges .f1e-ck, .f1e-cports .f1e-ck, .f1e-inner .f1e-ck { width:100%; }
.f1e-verb { font-size:calc(11 * var(--u)); background:var(--pro-soft); border:calc(1 * var(--u)) solid var(--pro-line); border-radius:calc(8 * var(--u)); padding:0 calc(7 * var(--u)); }
.f1e-cedge { width:100%; display:flex; gap:calc(6 * var(--u)); align-items:center; font-size:calc(11.5 * var(--u)); }
.f1e-cesw { flex:none; width:calc(20 * var(--u)); height:0; border-top:calc(2 * var(--u)) solid var(--edge); }
.f1e-cedge.f1e-ek-file .f1e-cesw, .f1e-cedge.f1e-ek-org .f1e-cesw, .f1e-cedge.f1e-ek-later .f1e-cesw { border-top-style:dashed; }
.f1e-cedge.f1e-ek-eye .f1e-cesw, .f1e-cedge.f1e-ek-manual .f1e-cesw, .f1e-cedge.f1e-ek-paper .f1e-cesw, .f1e-cedge.f1e-ek-mail .f1e-cesw { border-top-style:dotted; }
.f1e-cedge.f1-cue { color:var(--pro-accent); font-weight:600; }
.f1e-cedge.f1-cue .f1e-cesw { border-top-color:var(--pro-accent); }
.f1e-cport { width:100%; display:flex; justify-content:space-between; gap:calc(8 * var(--u)); font-size:calc(11.5 * var(--u)); border-bottom:calc(1 * var(--u)) dashed var(--pro-line); }
.f1e-cport b { color:var(--pro-accent); font-weight:600; }
.f1e-cport.f1-cue { background:var(--pro-focus); }
.f1e-cnote { width:100%; font-size:calc(11 * var(--u)); color:var(--pro-text2); }
.f1e-innerbox { display:flex; gap:calc(6 * var(--u)); align-items:center; border:calc(1 * var(--u)) solid var(--pro-line); border-radius:calc(8 * var(--u)); padding:calc(3 * var(--u)) calc(8 * var(--u)); background:var(--pro-soft); font-size:calc(11.5 * var(--u)); }
.f1e-innerbox span { color:var(--pro-text2); }
.f1e-innerbox .f1e-hglyph { width:calc(14 * var(--u)); height:calc(14 * var(--u)); margin:0; }
.f1e-innerbox.f1-cue { border-color:var(--pro-accent); background:var(--pro-focus); }
.f1e-mini { margin-top:calc(8 * var(--u)); width:100%; table-layout:fixed; border-collapse:collapse; font-size:calc(11.5 * var(--u)); }
.f1e-mini th { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.f1e-mini th { text-align:left; color:var(--pro-text2); font-weight:600; border-bottom:calc(1 * var(--u)) solid var(--pro-line); padding:calc(2 * var(--u)) calc(4 * var(--u)); }
.f1e-mini td { border-bottom:calc(1 * var(--u)) solid var(--pro-line); padding:calc(2 * var(--u)) calc(4 * var(--u)); white-space:nowrap; overflow:hidden; max-width:calc(200 * var(--u)); text-overflow:ellipsis; }
.f1e-mini tr.f1-cue td { background:var(--pro-focus); color:var(--pro-accent); font-weight:600; }
.f1e-quiet { margin-top:calc(8 * var(--u)); color:var(--pro-text2); font-size:calc(11 * var(--u)); font-style:italic; }

/* L2 windows (screen space) */
.f1e-wins { position:absolute; inset:0; pointer-events:none; z-index:5; }
.f1e-window { position:absolute; pointer-events:auto; display:flex; flex-direction:column; background:var(--pro-panel); border:1px solid var(--pro-line);
  border-radius:10px; box-shadow:var(--f1-shadow); overflow:hidden; transform-origin:0 0; }
.f1e-win-head { flex:none; display:flex; align-items:center; gap:8px; height:34px; padding:0 8px 0 12px; border-bottom:1px solid var(--pro-line); }
.f1e-win-title { font:600 12.5px var(--f1-sans); color:var(--pro-ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:34%; }
.f1e-win-tabs { flex:1; display:flex; gap:3px; overflow:hidden; min-width:0; }
.f1e-tab { font:12px var(--f1-sans); border:1px solid transparent; background:none; color:var(--pro-text2); border-radius:6px; padding:3px 8px; white-space:nowrap; cursor:pointer; }
.f1e-tab-on { background:var(--pro-focus); color:var(--pro-accent); font-weight:600; border-color:var(--pro-line); }
.f1e-tab.f1-cue { border-color:var(--pro-accent); box-shadow:0 0 0 1.5px var(--pro-accent); }
.f1e-zoomout { font:12px var(--f1-sans); border:1px solid var(--pro-line); background:var(--pro-panel); color:var(--pro-ink); border-radius:6px; padding:3px 9px; cursor:pointer; flex:none; }
.f1e-win-body { position:relative; flex:1; min-height:0; overflow:hidden; }
.f1e-rt-accent { box-shadow:inset 4px 0 0 var(--pro-accent, #5267d8); background-image:linear-gradient(rgba(82,103,216,.13), rgba(82,103,216,.13)); }
.f1e-rt-ok { box-shadow:inset 4px 0 0 #2a9d6f; background-image:linear-gradient(rgba(42,157,111,.13), rgba(42,157,111,.13)); }
.f1e-rt-warn { box-shadow:inset 4px 0 0 #d9a000; background-image:linear-gradient(rgba(217,160,0,.16), rgba(217,160,0,.16)); }
.f1e-rt-crit { box-shadow:inset 4px 0 0 #d23a2e; background-image:linear-gradient(rgba(210,58,46,.13), rgba(210,58,46,.13)); }

/* story links (screen space, above the windows) */
.f1e-overlay { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:6; overflow:visible; }
.f1e-link path { fill:none; stroke:var(--pro-accent); stroke-width:1.5; stroke-dasharray:5 4; }
.f1e-link-match path { stroke-width:2; }
.f1e-link circle { fill:var(--pro-accent); }
.f1e-link text { font:600 10px var(--f1-sans); fill:var(--pro-accent); }
.f1e-link-bg { fill:var(--pro-panel); stroke:var(--pro-accent); stroke-width:.8; }

/* chevrons, walk token, legend, tools */
.f1e-chev { position:absolute; inset:0; pointer-events:none; z-index:4; }
.f1e-chv { position:absolute; box-sizing:border-box; height:17px; line-height:15px; font:600 11px var(--f1-sans); color:var(--pro-text2); background:var(--pro-panel); border:1px solid var(--pro-line); border-radius:9px; padding:0 7px; white-space:nowrap; }
.f1e-token rect, .f1e-token path:first-child { fill:#fbfaf6; stroke:var(--pro-accent); stroke-width:1.4; }
.f1e-token path { fill:none; stroke:var(--pro-accent); stroke-width:1.1; }
.f1e-legend { position:absolute; top:8px; right:8px; z-index:7; width:300px; max-height:calc(100% - 16px); overflow:auto; background:var(--pro-panel); border:1px solid var(--pro-line);
  border-radius:10px; box-shadow:var(--f1-shadow); padding:10px 12px; font:12px var(--f1-sans); color:var(--pro-ink); }
.f1e-legend[hidden] { display:none; }
/* opened by the story: a strip along the bottom of the panel (the camera frames the map above it, entities.js reserveB) */
.f1e-legend.f1e-lg-story { top:auto; bottom:8px; left:8px; right:auto; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; gap:0 14px; padding:5px 10px; }
.f1e-lg-story .f1e-lg-more { display:none; }
.f1e-lg-story .f1e-lg-title { margin:0 2px 0 0; }
.f1e-lg-story .f1e-lg-row { padding:1px 0; }
.f1e-lg-story .f1e-lg-sw { width:28px; }
.f1e-has-window > .f1e-legend.f1e-lg-story { display:none; }
.f1e-lg-title { display:block; margin:6px 0 4px; font-size:12px; }
.f1e-lg-row { display:flex; gap:8px; align-items:center; padding:2px 0; color:var(--pro-text2); }
.f1e-lg-sw { width:40px; height:10px; flex:none; }
.f1e-lg-dot { width:8px; height:8px; border-radius:50%; background:currentColor; flex:none; margin:0 16px; }
.f1e-lg-depth { width:28px; height:12px; flex:none; border-radius:3px; border:1.5px solid var(--pro-line); margin:0 6px; }
.f1e-depth-sw-tam { border-color:var(--st-ok); } .f1e-depth-sw-durum { border-color:var(--pro-accent); border-style:dashed; }
.f1e-depth-sw-ozet { opacity:.6; border-style:dotted; } .f1e-depth-sw-yok { opacity:.28; }
.f1e-tool[aria-pressed="true"] { background:var(--pro-focus); color:var(--pro-accent); border-color:var(--pro-accent); }
/* an open L2 window covers the whole panel: the map underneath publishes no visible anchors */
.f1e-has-window:not(.f1e-win-wait) > .f1e-world, .f1e-has-window > .f1e-chev { display:none; }
.f1e-card-tray { padding-bottom:calc(40 * var(--u)); }
.f1e-box.f1e-inside { opacity:0 !important; pointer-events:none; }   /* a group explaining itself hides its own children */

/* L1 zoom without a card (entities.camera.nopopup; Leo 20 Oct 2026, B5, a draft on one step): the box an L1 zoom is about
   carries a quiet accent outline while nothing else in the panel is lit (one focus, SENARYO-ILKELERI 24); its detail is
   its own box grown in place, drawn like a box (no shadow, no popup); its ports keep readable names (entities.js layoutPorts) */
.f1e-root:not(.f1e-hl-on) .f1e-box.f1e-focus:not(.f1e-at-L1) > .f1e-frame { stroke:var(--pro-accent); stroke-width:1.8px; vector-effect:non-scaling-stroke; }
.f1e-small-ports .f1e-ports-read .f1e-plabel { visibility:visible; }
.f1e-card.f1e-card-detail { border:calc(1.4 * var(--u)) solid var(--f1e-line, var(--pro-line)); box-shadow:none; padding:calc(6 * var(--u)) calc(9 * var(--u)); }
.f1e-root:not(.f1e-hl-on) .f1e-card.f1e-card-detail { border-color:var(--pro-accent); }
.f1e-card.f1e-card-detail.f1e-card-cue { background:var(--pro-focus); border-color:var(--pro-accent); border-width:calc(2.5 * var(--u)); }
.f1e-card-detail .f1e-chead { align-items:center; }
.f1e-card-detail .f1e-ctitle { font-weight:550; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.f1e-card-detail .f1e-mini { margin-top:calc(4 * var(--u)); }
.f1e-card-detail .f1e-inner { margin-top:calc(5 * var(--u)); }