/* FLOW LAB — diagnostic read-only. No execution. */
#flowLabTab.tabPage{padding:10px 12px 24px}
.fl-root{
  --fl-line:rgba(27,220,255,.32);
  --fl-cyan:#7ee8fa;
  --fl-muted:#7fb8d0;
  --fl-text:#eaf6ff;
  --fl-green:#39ff5a;
  --fl-red:#ff6868;
  --fl-yellow:#ffd22e;
  --fl-orange:#ff8a00;
  background:
    radial-gradient(900px 380px at 8% -8%, rgba(27,220,255,.10), transparent 55%),
    radial-gradient(700px 320px at 92% 0%, rgba(169,68,255,.07), transparent 50%),
    linear-gradient(180deg,#07131e 0%,#040b12 100%);
  border:1px solid var(--fl-line);
  border-radius:10px;
  padding:12px;
  color:var(--fl-text);
  font-family:"IBM Plex Sans","Segoe UI",sans-serif;
  min-height:70vh;
}
.fl-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.fl-title{font-size:20px;letter-spacing:.06em;font-weight:800;color:var(--fl-cyan)}
.fl-title small{display:block;font-size:11px;color:var(--fl-muted);font-weight:500;letter-spacing:.08em;margin-top:3px}
.fl-header-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.fl-badge{
  font-size:10px;letter-spacing:.12em;padding:4px 8px;border:1px solid var(--fl-yellow);
  color:var(--fl-yellow);border-radius:4px;text-transform:uppercase;
}
.fl-conn{
  font-size:10px;letter-spacing:.1em;padding:5px 9px;border-radius:4px;
  border:1px solid var(--fl-line);text-transform:uppercase;font-weight:700;
  color:var(--fl-muted);background:rgba(0,0,0,.25);
}
.fl-conn.live{color:var(--fl-green);border-color:rgba(57,255,90,.55)}
.fl-conn.warn{color:var(--fl-yellow);border-color:rgba(255,210,46,.55)}
.fl-conn.bad{color:var(--fl-red);border-color:rgba(255,104,104,.55)}
.fl-note{
  margin-bottom:10px;padding:8px 10px;border-radius:8px;line-height:1.45;
  border:1px solid rgba(255,210,46,.35);color:var(--fl-yellow);font-size:12px;
}
.fl-rel{
  display:flex;gap:10px;align-items:stretch;margin-bottom:12px;flex-wrap:wrap;
}
.fl-rel-card{
  flex:1 1 220px;border:1px solid var(--fl-line);border-radius:8px;padding:10px 12px;
  background:rgba(0,0,0,.22);
}
.fl-rel-card .k{font-size:10px;letter-spacing:.14em;color:var(--fl-muted)}
.fl-rel-card .v{font-size:18px;font-weight:800;letter-spacing:.04em;margin-top:4px}
.fl-rel-card .s{font-size:11px;color:var(--fl-muted);margin-top:4px}
.fl-rel-card.is-aligned .v{color:var(--fl-green)}
.fl-rel-card.is-conflict .v,.fl-rel-card.is-reversal .v{color:var(--fl-red)}
.fl-rel-card.is-pullback .v,.fl-rel-card.is-counter .v{color:var(--fl-orange)}
.fl-rel-card.is-stall .v{color:var(--fl-yellow)}
.fl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:1100px){.fl-grid{grid-template-columns:1fr}}
.fl-sec{
  border:1px solid var(--fl-line);border-radius:8px;padding:10px;background:rgba(4,12,20,.55);
  min-width:0;
}
.fl-sec h3{
  margin:0 0 8px;font-size:12px;letter-spacing:.12em;color:var(--fl-cyan);font-weight:800;
}
.fl-hero{
  font-size:15px;font-weight:800;letter-spacing:.03em;margin-bottom:8px;line-height:1.3;
}
.fl-hero.is-bull,.fl-tone-bull{color:var(--fl-green)}
.fl-hero.is-bear,.fl-tone-bear{color:var(--fl-red)}
.fl-hero.is-wait,.fl-tone-wait{color:var(--fl-yellow)}
.fl-kvs{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;margin-bottom:8px}
.fl-kv{display:flex;flex-direction:column;gap:2px;min-width:0}
.fl-kv .k{font-size:9px;letter-spacing:.1em;color:var(--fl-muted);text-transform:uppercase}
.fl-kv .v{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl-table{width:100%;border-collapse:collapse;font-size:11px}
.fl-table th,.fl-table td{padding:4px 5px;text-align:right;border-bottom:1px solid rgba(27,220,255,.12)}
.fl-table th:first-child,.fl-table td:first-child{text-align:left}
.fl-table th{color:var(--fl-muted);font-weight:600;letter-spacing:.08em;font-size:9px}
.fl-miss{margin-top:12px;font-size:11px;color:var(--fl-muted);line-height:1.45}
.fl-miss code{color:var(--fl-cyan)}
.fl-empty{color:var(--fl-muted);font-style:italic}
.fl-map{margin-top:8px}
.fl-map-k{font-size:9px;letter-spacing:.1em;color:var(--fl-muted);text-transform:uppercase;margin-bottom:4px}
.fl-map-row{display:flex;flex-wrap:wrap;gap:6px}
.fl-map-chip{
  font-size:10px;font-weight:700;letter-spacing:.04em;padding:3px 7px;border-radius:3px;
  border:1px solid rgba(27,220,255,.28);color:var(--fl-text);
}
.fl-map-chip.is-bull{color:var(--fl-green);border-color:rgba(57,255,90,.45)}
.fl-map-chip.is-bear{color:var(--fl-red);border-color:rgba(255,104,104,.45)}
.fl-map-chip.is-wait{color:var(--fl-yellow);border-color:rgba(255,210,46,.4)}

.hc-flowlab-strip{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
  padding:6px 10px;border:1px solid rgba(27,220,255,.28);
  border-radius:6px;background:rgba(5,13,22,.92);
  font-family:"IBM Plex Sans","Segoe UI",sans-serif;min-height:28px;
}
.hc-flowlab-strip .fls-group{display:flex;align-items:center;gap:6px;min-width:0}
.hc-flowlab-strip .fls-k{
  font-size:9px;letter-spacing:.14em;color:#7fb8d0;font-weight:800;white-space:nowrap;
}
.hc-flowlab-strip .fls-chip{
  font-size:10px;font-weight:700;letter-spacing:.03em;padding:2px 7px;border-radius:3px;
  border:1px solid rgba(27,220,255,.25);color:#eaf6ff;background:rgba(0,0,0,.25);
  white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis;
  display:inline-flex;align-items:center;gap:5px;
}
.hc-flowlab-strip .fls-chip-k{
  font-size:8px;letter-spacing:.12em;color:#7fb8d0;font-weight:800;
}
.hc-flowlab-strip .fls-chip.is-bull{color:#39ff5a;border-color:rgba(57,255,90,.45)}
.hc-flowlab-strip .fls-chip.is-bear{color:#ff6868;border-color:rgba(255,104,104,.45)}
.hc-flowlab-strip .fls-chip.is-long{color:#39ff5a;border-color:rgba(57,255,90,.55)}
.hc-flowlab-strip .fls-chip.is-short{color:#ff6868;border-color:rgba(255,104,104,.55)}
.hc-flowlab-strip .fls-chip.is-x-bull-extreme{color:#3b82f6;border-color:rgba(59,130,246,.55)}
.hc-flowlab-strip .fls-chip.is-x-bear-extreme{color:#a855f7;border-color:rgba(168,85,247,.55)}
.hc-flowlab-strip .fls-chip.is-wait{color:#ffd22e;border-color:rgba(255,210,46,.4)}
.hc-flowlab-strip .fls-chip.is-conflict{color:#ff8a00;border-color:rgba(255,138,0,.5)}
.hc-flowlab-strip .fls-master .fls-chip{font-size:11px}
