/* ── BFP Suite: Family Tree host container v2.4.0 ── */

/*
  Base styles only — width/margin breakout is handled by
  the inline JS in the shortcode, which measures the real
  page offset at runtime. This avoids all theme conflicts.
*/

.bfp70-host {
  display:    block;
  position:   relative;
  min-height: 500px;
  overflow:   hidden;
  padding:    0;
  box-sizing: border-box;
}

/*
  Tree canvas host, account bar, and spacer — moved here from a
  per-shortcode inline <style> block. Per-instance values (admin bar
  height) are passed in via the --eftb-adminbar custom property, set as
  a normal inline style="" attribute on the element (not a <style> tag).
*/
.eftb-tree-host {
  display:    block !important;
  position:   fixed !important;
  top:        calc(var(--eftb-adminbar, 0px) + 40px) !important;
  left:       0 !important;
  right:      0 !important;
  width:      100vw !important;
  height:     calc(100vh - var(--eftb-adminbar, 0px) - 40px) !important;
  min-height: 460px !important;
  overflow:   hidden !important;
  z-index:    9990 !important;
  margin:     0 !important;
  padding:    0 !important;
  box-sizing: border-box !important;
}
.eftb-account-bar {
  position:   fixed !important;
  top:        var(--eftb-adminbar, 0px) !important;
  left:       0 !important;
  right:      0 !important;
  width:      100vw !important;
  height:     40px !important;
  z-index:    9991 !important;
  box-sizing: border-box !important;
  display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:0 14px;font-size:13px;
  background:#f8fafc;border-bottom:1px solid #e2e8f0;
}
.eftb-tree-spacer {
  display:    block;
  height:     calc(100vh - var(--eftb-adminbar, 0px));
  min-height: 500px;
}