/* INCIPIENT REPORTING TREE — Org Hierarchy tab CSS (scoped to #pane-org-hierarchy) */

#pane-org-hierarchy{
  --bg:#F5F2EC;--s1:#FDFBF7;--s2:#F5F2EC;--s3:#EDE9E1;
  --b1:rgba(0,0,0,.08);--b2:rgba(0,0,0,.12);--b3:rgba(0,0,0,.18);
  --t1:#0D0D0F;--t2:#4A4A52;--t3:#787880;--t4:#A0A0A8;
  --acc:#D94E12;--acc-lo:rgba(217,78,18,.09);
  --ok:#1A6B3C;--ok-lo:rgba(26,107,60,.08);
  --warn:#8C5800;--warn-lo:rgba(140,88,0,.08);
  --crit:#B5251C;--crit-lo:rgba(181,37,28,.07);
  --r:3px;--sans:'Manrope',system-ui,sans-serif;--mono:'JetBrains Mono',monospace;
}

/* ── PAGE LAYOUT ───────────────────────────────────────── */
#pane-org-hierarchy .wrap{max-width:none;margin:0 auto;padding:24px 24px 60px;display:flex;flex-direction:column;gap:28px;}

/* Cap header content so it stays readable on very wide monitors */
#pane-org-hierarchy .phdr,
#pane-org-hierarchy .legend,
#pane-org-hierarchy .legend-block,
#pane-org-hierarchy .sec-hdr{ max-width:1400px; }

/* ── PAGE HEADER ───────────────────────────────────────── */
#pane-org-hierarchy .phdr{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--b1);flex-wrap:wrap;gap:14px;}
#pane-org-hierarchy .phdr-l{display:flex;flex-direction:column;gap:3px;}
#pane-org-hierarchy .phdr-eyebrow{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--acc);}
#pane-org-hierarchy .phdr-name{font-size:22px;font-weight:600;color:var(--t1);letter-spacing:-.02em;line-height:1.15;}
#pane-org-hierarchy .phdr-sub{font-family:var(--sans);font-size:13px;color:var(--t2);line-height:1.55;max-width:680px;margin-top:8px;}
#pane-org-hierarchy .phdr-meta{display:flex;flex-direction:column;gap:3px;align-items:flex-end;}
#pane-org-hierarchy .phdr-meta-row{font-family:var(--mono);font-size:9px;color:var(--t4);letter-spacing:.04em;}
#pane-org-hierarchy .phdr-meta-row b{color:var(--t2);font-weight:500;}

/* ── SECTION HEADER ────────────────────────────────────── */
#pane-org-hierarchy .sec-hdr{display:flex;align-items:center;gap:12px;padding-bottom:10px;border-bottom:2px solid var(--b2);margin-bottom:14px;}
#pane-org-hierarchy .sec-hdr-num{width:24px;height:24px;border-radius:50%;background:var(--acc);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;font-weight:600;flex-shrink:0;}
#pane-org-hierarchy .sec-hdr-text strong{font-size:14px;font-weight:600;color:var(--t1);letter-spacing:-.01em;display:block;}
#pane-org-hierarchy .sec-hdr-text span{font-family:var(--mono);font-size:9px;color:var(--t3);}
#pane-org-hierarchy .sec-hdr-badge{margin-left:auto;font-family:var(--mono);font-size:9px;padding:2px 8px;border-radius:10px;background:var(--acc-lo);color:var(--acc);border:1px solid rgba(217,78,18,.22);}

/* ── LEGEND ────────────────────────────────────────────── */
#pane-org-hierarchy .legend{display:flex;flex-wrap:wrap;gap:14px;padding:10px 14px;background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);font-family:var(--mono);font-size:9px;color:var(--t3);align-items:center;}
#pane-org-hierarchy .legend-item{display:flex;align-items:center;gap:6px;}
#pane-org-hierarchy .legend-swatch{display:inline-block;}
#pane-org-hierarchy .legend-swatch.solid-line{width:18px;height:2px;background:var(--b2);}
#pane-org-hierarchy .legend-swatch.dotted-grey{width:18px;height:2px;background:repeating-linear-gradient(to right,var(--b2) 0 4px,transparent 4px 8px);}
#pane-org-hierarchy .legend-swatch.dashed-open{width:18px;height:10px;border:1.5px dashed var(--t4);background:transparent;}
#pane-org-hierarchy .legend-swatch.divider{width:0;height:14px;border-left:2px dotted var(--acc);opacity:.55;}

/* Structured 3-column legend block */
#pane-org-hierarchy .legend-block{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:14px 18px;background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);font-family:var(--mono);}
#pane-org-hierarchy .legend-col{display:flex;flex-direction:column;gap:6px;padding:0 18px;border-right:1px solid var(--b1);}
#pane-org-hierarchy .legend-col:last-child{border-right:none;padding-right:0;}
#pane-org-hierarchy .legend-col:first-child{padding-left:0;}
#pane-org-hierarchy .legend-col-hdr{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--acc);font-weight:600;margin-bottom:4px;}
#pane-org-hierarchy .legend-row{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--t2);line-height:1.4;}
#pane-org-hierarchy .legend-row b{color:var(--t1);font-weight:600;font-family:var(--mono);font-size:9px;letter-spacing:.06em;}
#pane-org-hierarchy .legend-row .legend-swatch{flex-shrink:0;}

/* ════════════════════════════════════════════════════════════════════════
   TREE CANVAS — fixed-width 3594px
   ════════════════════════════════════════════════════════════════════════ */
#pane-org-hierarchy .tree-scroll{overflow-x:auto;overflow-y:visible;width:100%;scroll-behavior:smooth;padding-bottom:16px;}

@media (min-width: 1200px){
  #pane-org-hierarchy .tree-scroll{
    width: calc(100vw - 40px);
    margin-left: calc(50% - 50vw + 20px);
    margin-right: calc(50% - 50vw + 20px);
  }
}
#pane-org-hierarchy .tree-scroll::-webkit-scrollbar{height:10px;}
#pane-org-hierarchy .tree-scroll::-webkit-scrollbar-track{background:var(--s2);border-radius:5px;}
#pane-org-hierarchy .tree-scroll::-webkit-scrollbar-thumb{background:var(--b2);border-radius:5px;}
#pane-org-hierarchy .tree-scroll::-webkit-scrollbar-thumb:hover{background:var(--t4);}

#pane-org-hierarchy .tree-canvas{
  position:relative;
  width:3594px;
  margin:0 auto;
  padding:24px 32px 32px;
  display:flex;
  flex-direction:column;
  gap:0;
}

/* ── BACKGROUND DOTTED ORANGE DIVIDERS ─── */
#pane-org-hierarchy .lane-divider{
  position:absolute;
  top:0;
  bottom:0;
  width:0;
  border-left:2px dotted var(--acc);
  opacity:.55;
  z-index:0;
  pointer-events:none;
}
#pane-org-hierarchy .lane-divider.d1{left:773px;}
#pane-org-hierarchy .lane-divider.d2{left:1075px;}
#pane-org-hierarchy .lane-divider.d3{left:1425px;}
#pane-org-hierarchy .lane-divider.d4{left:2355px;}

/* ── MANAGER ZONE WRAPPERS ─── */
#pane-org-hierarchy .manager-zone{ display:flex; flex-direction:column; gap:0; }
#pane-org-hierarchy .manager-content{ position:relative; z-index:1; }

/* ── LANE LABELS ROW ─── */
#pane-org-hierarchy .lane-labels-row{
  display:flex;
  align-items:stretch;
  margin-bottom:14px;
  position:relative;
  z-index:2;
}
#pane-org-hierarchy .lane-label{
  font-family:var(--mono);
  font-size:10px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.18em;
  text-align:center;
  padding:8px 12px;
  background:var(--s2);
  border:1px solid var(--b1);
  border-top:3px solid var(--acc);
  border-radius:var(--r);
  color:var(--acc);
  display:flex;
  align-items:center;
  justify-content:center;
}
#pane-org-hierarchy .lane-label.platform  { flex:0 0 767px; }
#pane-org-hierarchy .lane-label.operations{ flex:0 0 290px; }
#pane-org-hierarchy .lane-label.staffing  { flex:0 0 338px; }
#pane-org-hierarchy .lane-label.product   { flex:0 0 918px; }
#pane-org-hierarchy .lane-label.ventures  { flex:0 0 1169px; }
#pane-org-hierarchy .lane-label-spacer{ flex:0 0 12px; }

/* ── TIER 1 — CEO ROW ─── */
#pane-org-hierarchy .tier-1-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:0;
  position:relative;
  z-index:2;
}
#pane-org-hierarchy .tier-1-row .ami-dot,
#pane-org-hierarchy .tier-1-row .legal-dot{
  height:2px;
  align-self:center;
}
#pane-org-hierarchy .tier-1-row .ami-dot{
  flex:0 0 40px;
  background:var(--b2);
}
#pane-org-hierarchy .tier-1-row .legal-dot{
  flex:0 0 40px;
  background:repeating-linear-gradient(to right,var(--b2) 0 4px,transparent 4px 8px);
}
#pane-org-hierarchy .tier-1-row .legal-stack{display:flex;flex-direction:column;gap:8px;flex:0 0 240px;width:240px;}

/* ── EXECUTIVE ASSISTANT ROW ─── */
#pane-org-hierarchy .ea-row{
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  z-index:2;
  margin-top:-2px;
}
#pane-org-hierarchy .ea-vert-solid{ width:2px; height:14px; background:var(--b2); }
#pane-org-hierarchy .ea-vert-dotted{ width:0; height:14px; border-left:2px dotted var(--b2); }

#pane-org-hierarchy .dc.ea-tile{
  width:200px; min-width:200px; max-width:200px;
  border-style:dashed;
  opacity:.92;
}
#pane-org-hierarchy .dc.ea-tile .dc-body{ padding:9px 11px 8px; gap:9px; }
#pane-org-hierarchy .dc.ea-tile .dc-name{ font-size:11px; line-height:1.2; color:var(--t2); }
#pane-org-hierarchy .dc.ea-tile .dc-title{ font-size:8px; line-height:1.35; }
#pane-org-hierarchy .dc.ea-tile .dc-av{ width:30px; height:30px; font-size:10px; background:transparent; border-style:dashed; color:var(--t3); }
#pane-org-hierarchy .dc.ea-tile .dc-foot{ padding:5px 11px; font-size:7.5px; }

/* ── TIER 2 BUS ─── */
#pane-org-hierarchy .tier-2-bus-row{
  display:grid;
  grid-template-columns:650px 200px 200px 780px 1100px;
  gap:150px;
  position:relative;
  z-index:1;
  margin-top:0;
}
#pane-org-hierarchy .tier-2-bus-row .bus{
  position:absolute;
  top:0;
  left:100px;
  width:2993px;
  height:2px;
  background:var(--b2);
}
#pane-org-hierarchy .tier-2-bus-row .drop-cell{
  position:relative;
  height:14px;
}
#pane-org-hierarchy .tier-2-bus-row .drop-cell .drop-line{
  position:absolute;
  top:0;
  width:2px;
  height:14px;
  background:var(--b2);
}

/* ── TIER 2 CARDS ROW ─── */
#pane-org-hierarchy .tier-2-row{
  display:grid;
  grid-template-columns:650px 200px 200px 780px 1100px;
  gap:150px;
  align-items:start;
  position:relative;
  z-index:1;
  padding-top:8px;
  padding-bottom:16px;
}
#pane-org-hierarchy .t2-group{ display:flex; align-items:stretch; gap:0; }
#pane-org-hierarchy .t2-stub{ height:2px; background:var(--b2); flex:0 0 25px; align-self:center; }
#pane-org-hierarchy .t2-stub-dotted{ height:2px; flex:0 0 25px; align-self:center; background:repeating-linear-gradient(to right,var(--b2) 0 4px,transparent 4px 8px); }
#pane-org-hierarchy .t2-group .cross-peer-aps-ops{
  position:absolute;
  top:50%;
  height:2px;
  transform:translateY(-50%);
  background:repeating-linear-gradient(to right,var(--b2) 0 4px,transparent 4px 8px);
  z-index:2;
}

/* ── TIER 3+ ROW ─── */
#pane-org-hierarchy .tier-3-row{
  display:grid;
  grid-template-columns:650px 200px 200px 780px 1100px;
  gap:150px;
  align-items:start;
  position:relative;
  z-index:1;
}
#pane-org-hierarchy .t3-col{ display:flex; flex-direction:column; align-items:center; }
#pane-org-hierarchy .t3-vert{ width:2px; height:32px; background:var(--b2); }
#pane-org-hierarchy .t3-vert-dotted{ width:0; height:32px; border-left:2px dotted var(--b2); }
#pane-org-hierarchy .t3-vert-short{ width:2px; height:14px; background:var(--b2); }

/* Branch label */
#pane-org-hierarchy .branch-label{
  font-family:var(--mono);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:600;
  padding:6px 10px;
  background:var(--s2);
  border:1px solid var(--b1);
  border-left:3px solid var(--b3);
  border-radius:var(--r);
  width:fit-content;
}
#pane-org-hierarchy .branch-label.platform-delivery{ font-size:10px; padding:9px 16px; letter-spacing:.14em; border-left-color:var(--ok); color:var(--ok); }
#pane-org-hierarchy .branch-label.implementation{ border-left-color:#7A4D8C; color:#7A4D8C; align-self:center; }
#pane-org-hierarchy .branch-label.engineering{ border-left-color:#3A3A45; color:#3A3A45; align-self:center; }
#pane-org-hierarchy .branch-label.operations{ font-size:10px; padding:9px 16px; letter-spacing:.14em; border-left-color:#2D6E8E; color:#2D6E8E; }
#pane-org-hierarchy .branch-label.staffing-lbl{ font-size:10px; padding:9px 16px; letter-spacing:.14em; border-left-color:#4A9B8E; color:#4A9B8E; }
#pane-org-hierarchy .branch-label.product-delivery{ font-size:10px; padding:9px 16px; letter-spacing:.14em; border-left-color:#1A8A7C; color:#1A8A7C; }
#pane-org-hierarchy .branch-label.product-vert{ border-left:3px solid #1A8A7C; color:#1A8A7C; align-self:flex-start; font-size:9px; }
#pane-org-hierarchy .branch-label.marketing-lbl{ font-size:10px; padding:9px 16px; letter-spacing:.14em; border-left:3px solid #B53A8C; border-style:dashed; border-left-style:solid; color:#B53A8C; }
#pane-org-hierarchy .branch-label.sales-lbl{ font-size:10px; padding:9px 16px; letter-spacing:.14em; border-left-color:var(--warn); color:var(--warn); }

/* Sub-col layouts */
#pane-org-hierarchy .subtree-2col{ display:grid; grid-template-columns:180px 180px; gap:20px; width:380px; align-items:start; }
#pane-org-hierarchy .subtree-2col-wide{ display:grid; grid-template-columns:200px 200px; gap:25px; width:425px; align-items:start; }
#pane-org-hierarchy .subtree-3col-wide{ display:grid; grid-template-columns:200px 200px 200px; gap:25px; width:650px; align-items:start; }
#pane-org-hierarchy .subtree-4col{ display:grid; grid-template-columns:180px 180px 180px 180px; gap:20px; width:780px; align-items:start; }

/* Split bars */
#pane-org-hierarchy .split-bar-2{ width:380px; position:relative; height:14px; }
#pane-org-hierarchy .split-bar-2 .bar{ position:absolute; top:0; left:89px; width:200px; height:2px; background:var(--b2); }
#pane-org-hierarchy .split-bar-2 .drop{ position:absolute; top:0; width:2px; height:14px; background:var(--b2); }
#pane-org-hierarchy .split-bar-2 .drop.l{ left:89px; }
#pane-org-hierarchy .split-bar-2 .drop.r{ left:289px; }

#pane-org-hierarchy .split-bar-2-wide{ width:425px; position:relative; height:14px; }
#pane-org-hierarchy .split-bar-2-wide .bar{ position:absolute; top:0; left:99px; width:225px; height:2px; background:var(--b2); }
#pane-org-hierarchy .split-bar-2-wide .drop{ position:absolute; top:0; width:2px; height:14px; background:var(--b2); }
#pane-org-hierarchy .split-bar-2-wide .drop.l{ left:99px; }
#pane-org-hierarchy .split-bar-2-wide .drop.r{ left:324px; }

#pane-org-hierarchy .split-bar-3-wide{ width:650px; position:relative; height:14px; }
#pane-org-hierarchy .split-bar-3-wide .bar{ position:absolute; top:0; left:99px; width:450px; height:2px; background:var(--b2); }
#pane-org-hierarchy .split-bar-3-wide .drop{ position:absolute; top:0; width:2px; height:14px; background:var(--b2); }
#pane-org-hierarchy .split-bar-3-wide .drop.d1{ left:99px; }
#pane-org-hierarchy .split-bar-3-wide .drop.d2{ left:324px; }
#pane-org-hierarchy .split-bar-3-wide .drop.d3{ left:549px; }

#pane-org-hierarchy .split-bar-4{ width:780px; position:relative; height:14px; }
#pane-org-hierarchy .split-bar-4 .bar{ position:absolute; top:0; left:90px; width:600px; height:2px; background:var(--b2); }
#pane-org-hierarchy .split-bar-4 .drop{ position:absolute; top:0; width:2px; height:14px; background:var(--b2); }
#pane-org-hierarchy .split-bar-4 .drop.d1{ left:90px; }
#pane-org-hierarchy .split-bar-4 .drop.d2{ left:290px; }
#pane-org-hierarchy .split-bar-4 .drop.d3{ left:490px; }
#pane-org-hierarchy .split-bar-4 .drop.d4{ left:690px; }

#pane-org-hierarchy .sub-branch{ display:flex; flex-direction:column; gap:10px; }

/* ── CARD STYLES (dc + lt) ─── */
#pane-org-hierarchy .dc{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);box-shadow:0 1px 3px rgba(0,0,0,.06);min-width:200px;max-width:240px;display:flex;flex-direction:column;overflow:hidden;transition:border-color 100ms,box-shadow 100ms;position:relative;}
#pane-org-hierarchy .dc:hover{border-color:var(--b2);box-shadow:0 2px 6px rgba(0,0,0,.08);}
#pane-org-hierarchy .dc-band{height:3px;width:100%;}
#pane-org-hierarchy .dc-band.exec{background:var(--acc);}
#pane-org-hierarchy .dc-band.sales{background:var(--warn);}
#pane-org-hierarchy .dc-band.delivery{background:var(--ok);}
#pane-org-hierarchy .dc-band.engineering{background:#3A3A45;}
#pane-org-hierarchy .dc-band.implementation{background:#7A4D8C;}
#pane-org-hierarchy .dc-band.operations{background:#2D6E8E;}
#pane-org-hierarchy .dc-band.staffing{background:#4A9B8E;}
#pane-org-hierarchy .dc-band.finance{background:#B5824D;}
#pane-org-hierarchy .dc-band.marketing{background:#B53A8C;}
#pane-org-hierarchy .dc-band.ventures{background:#5B3A8C;}
#pane-org-hierarchy .dc-band.product{background:#1A8A7C;}
#pane-org-hierarchy .dc-body{padding:11px 12px 10px;display:flex;gap:10px;align-items:flex-start;}
#pane-org-hierarchy .dc-av{width:36px;height:36px;border-radius:50%;background:var(--s3);color:var(--t2);font-family:var(--mono);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.02em;border:1px solid var(--b1);}
#pane-org-hierarchy .dc-av.exec{background:var(--acc-lo);color:var(--acc);border-color:rgba(217,78,18,.22);}
#pane-org-hierarchy .dc-av.sales{background:var(--warn-lo);color:var(--warn);border-color:rgba(140,88,0,.22);}
#pane-org-hierarchy .dc-av.delivery{background:var(--ok-lo);color:var(--ok);border-color:rgba(26,107,60,.22);}
#pane-org-hierarchy .dc-av.engineering{background:rgba(58,58,69,.08);color:#3A3A45;border-color:rgba(58,58,69,.22);}
#pane-org-hierarchy .dc-av.implementation{background:rgba(122,77,140,.08);color:#7A4D8C;border-color:rgba(122,77,140,.22);}
#pane-org-hierarchy .dc-av.operations{background:rgba(45,110,142,.08);color:#2D6E8E;border-color:rgba(45,110,142,.22);}
#pane-org-hierarchy .dc-av.staffing{background:rgba(74,155,142,.1);color:#4A9B8E;border-color:rgba(74,155,142,.25);}
#pane-org-hierarchy .dc-av.finance{background:rgba(181,130,77,.1);color:#B5824D;border-color:rgba(181,130,77,.25);}
#pane-org-hierarchy .dc-av.marketing{background:rgba(181,58,140,.1);color:#B53A8C;border-color:rgba(181,58,140,.25);}
#pane-org-hierarchy .dc-av.ventures{background:rgba(91,58,140,.1);color:#5B3A8C;border-color:rgba(91,58,140,.25);}
#pane-org-hierarchy .dc-av.product{background:rgba(26,138,124,.1);color:#1A8A7C;border-color:rgba(26,138,124,.3);}
#pane-org-hierarchy .dc-text{flex:1;min-width:0;}
#pane-org-hierarchy .dc-name{font-size:12px;font-weight:600;color:var(--t1);letter-spacing:-.01em;line-height:1.2;}
#pane-org-hierarchy .dc-title{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);margin-top:3px;line-height:1.4;}
#pane-org-hierarchy .dc-foot{padding:7px 12px;background:var(--s2);border-top:1px solid var(--b1);display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:8px;color:var(--t3);letter-spacing:.04em;}
#pane-org-hierarchy .dc-dept{font-weight:600;}
#pane-org-hierarchy .dc-dept.exec{color:var(--acc);}
#pane-org-hierarchy .dc-dept.sales{color:var(--warn);}
#pane-org-hierarchy .dc-dept.delivery{color:var(--ok);}
#pane-org-hierarchy .dc-dept.engineering{color:#3A3A45;}
#pane-org-hierarchy .dc-dept.implementation{color:#7A4D8C;}
#pane-org-hierarchy .dc-dept.operations{color:#2D6E8E;}
#pane-org-hierarchy .dc-dept.staffing{color:#4A9B8E;}
#pane-org-hierarchy .dc-dept.finance{color:#B5824D;}
#pane-org-hierarchy .dc-dept.marketing{color:#B53A8C;}
#pane-org-hierarchy .dc-dept.ventures{color:#5B3A8C;}
#pane-org-hierarchy .dc-dept.product{color:#1A8A7C;}
#pane-org-hierarchy .dc-reports{color:var(--t4);}
#pane-org-hierarchy .dc-reports b{color:var(--t1);font-weight:600;}

#pane-org-hierarchy .dc.open{border-style:dashed;background:transparent;}
#pane-org-hierarchy .dc.open .dc-name{color:var(--t3);}
#pane-org-hierarchy .dc.open .dc-av{background:transparent;border-style:dashed;color:var(--t4);}

#pane-org-hierarchy .dc.ceo{min-width:280px;max-width:280px;width:280px;flex:0 0 280px;}
#pane-org-hierarchy .dc.ceo .dc-av{width:42px;height:42px;font-size:13px;}
#pane-org-hierarchy .dc.ceo .dc-name{font-size:14px;}

#pane-org-hierarchy .dc.t3-lead, #pane-org-hierarchy .dc.ic{ width:180px; min-width:180px; max-width:180px; }
#pane-org-hierarchy .dc.t3-lead .dc-body{ padding:10px 12px 8px; gap:9px; }
#pane-org-hierarchy .dc.t3-lead .dc-name{ font-size:11px; line-height:1.25; }
#pane-org-hierarchy .dc.t3-lead .dc-title{ font-size:9px; line-height:1.3; }
#pane-org-hierarchy .dc.t3-lead .dc-av{ width:30px; height:30px; font-size:10px; flex-shrink:0; }
#pane-org-hierarchy .dc.t3-lead .dc-foot{ padding:5px 12px; font-size:7.5px; gap:4px; }
#pane-org-hierarchy .dc.ic .dc-body{ padding:7px 10px; gap:8px; }
#pane-org-hierarchy .dc.ic .dc-name{ font-size:10px; line-height:1.25; }
#pane-org-hierarchy .dc.ic .dc-title{ font-size:8px; line-height:1.3; }
#pane-org-hierarchy .dc.ic .dc-av{ width:24px; height:24px; font-size:9px; }
#pane-org-hierarchy .dc.ic .dc-foot{ padding:4px 10px; font-size:7px; }

/* Lead tile (lt) — Tier 2 */
#pane-org-hierarchy .lt{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);box-shadow:0 1px 3px rgba(0,0,0,.04);overflow:hidden;display:flex;flex-direction:column;transition:border-color 100ms,box-shadow 100ms;position:relative;width:200px;flex:0 0 200px;}
#pane-org-hierarchy .lt:hover{border-color:var(--b2);box-shadow:0 2px 6px rgba(0,0,0,.08);}
#pane-org-hierarchy .lt-band{height:3px;width:100%;}
#pane-org-hierarchy .lt-band.exec{background:var(--acc);}
#pane-org-hierarchy .lt-band.sales{background:var(--warn);}
#pane-org-hierarchy .lt-band.delivery-platform{background:var(--ok);}
#pane-org-hierarchy .lt-band.delivery-product{background:#1A8A7C;}
#pane-org-hierarchy .lt-band.implementation{background:#7A4D8C;}
#pane-org-hierarchy .lt-band.engineering{background:#3A3A45;}
#pane-org-hierarchy .lt-band.operations{background:#2D6E8E;}
#pane-org-hierarchy .lt-band.staffing{background:#4A9B8E;}
#pane-org-hierarchy .lt-band.finance{background:#B5824D;}
#pane-org-hierarchy .lt-band.marketing{background:#B53A8C;}
#pane-org-hierarchy .lt-band.ventures{background:#5B3A8C;}
#pane-org-hierarchy .lt-hdr{padding:10px 12px 4px;display:flex;align-items:center;justify-content:space-between;gap:8px;}
#pane-org-hierarchy .lt-dept{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;}
#pane-org-hierarchy .lt-dept.sales{color:var(--warn);}
#pane-org-hierarchy .lt-dept.delivery-platform{color:var(--ok);}
#pane-org-hierarchy .lt-dept.delivery-product{color:#1A8A7C;}
#pane-org-hierarchy .lt-dept.operations{color:#2D6E8E;}
#pane-org-hierarchy .lt-dept.staffing{color:#4A9B8E;}
#pane-org-hierarchy .lt-dept.ventures{color:#5B3A8C;}
#pane-org-hierarchy .lt-dept.marketing{color:#B53A8C;}
#pane-org-hierarchy .lt-flag{font-family:var(--mono);font-size:7px;font-weight:600;letter-spacing:.06em;padding:1px 6px;border-radius:2px;text-transform:uppercase;}
#pane-org-hierarchy .lt-flag.dual{background:rgba(217,78,18,.1);color:var(--acc);border:1px solid rgba(217,78,18,.25);}
#pane-org-hierarchy .lt-flag.new{background:rgba(91,58,140,.1);color:#5B3A8C;border:1px solid rgba(91,58,140,.3);}
#pane-org-hierarchy .lt-flag.open{background:var(--warn-lo);color:var(--warn);border:1px solid rgba(140,88,0,.25);}
#pane-org-hierarchy .lt-body{padding:10px 12px;display:flex;gap:11px;align-items:flex-start;flex:1;min-height:62px;}
#pane-org-hierarchy .lt-av{width:38px;height:38px;border-radius:50%;font-family:var(--mono);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--b1);letter-spacing:.02em;margin-top:1px;}
#pane-org-hierarchy .lt-av.sales{background:var(--warn-lo);color:var(--warn);border-color:rgba(140,88,0,.22);}
#pane-org-hierarchy .lt-av.delivery-platform{background:var(--ok-lo);color:var(--ok);border-color:rgba(26,107,60,.22);}
#pane-org-hierarchy .lt-av.delivery-product{background:rgba(26,138,124,.1);color:#1A8A7C;border-color:rgba(26,138,124,.25);}
#pane-org-hierarchy .lt-av.operations{background:rgba(45,110,142,.08);color:#2D6E8E;border-color:rgba(45,110,142,.22);}
#pane-org-hierarchy .lt-av.staffing{background:rgba(74,155,142,.1);color:#4A9B8E;border-color:rgba(74,155,142,.25);}
#pane-org-hierarchy .lt-av.ventures{background:rgba(91,58,140,.1);color:#5B3A8C;border-color:rgba(91,58,140,.25);}
#pane-org-hierarchy .lt-av.marketing{background:rgba(181,58,140,.1);color:#B53A8C;border-color:rgba(181,58,140,.25);}
#pane-org-hierarchy .lt-text{flex:1;min-width:0;}
#pane-org-hierarchy .lt-name{font-size:13px;font-weight:600;color:var(--t1);letter-spacing:-.01em;line-height:1.2;}
#pane-org-hierarchy .lt-title{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);margin-top:3px;line-height:1.4;}
#pane-org-hierarchy .lt-foot{padding:7px 12px;background:var(--s2);border-top:1px solid var(--b1);font-family:var(--mono);font-size:8px;color:var(--t3);letter-spacing:.04em;display:flex;justify-content:space-between;align-items:center;}
#pane-org-hierarchy .lt-foot b{color:var(--t1);font-weight:600;}
#pane-org-hierarchy .lt.dashed{border-style:dashed;}

/* ── TIER MARKER ─── */
#pane-org-hierarchy .tier-mark{
  font-family:var(--mono);
  font-size:8px;
  font-weight:600;
  letter-spacing:.08em;
  color:var(--acc);
  text-transform:uppercase;
}

/* Pod divider */
#pane-org-hierarchy .sl-col-divider{font-family:var(--mono);font-size:7.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--t3);text-align:center;padding:5px 0 3px;border-top:1px dashed var(--b1);width:180px;margin-top:4px;}

/* ── SCROLL HINT ─── */
#pane-org-hierarchy .tree-scroll-hint{
  font-family:var(--mono);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--t3);
  text-align:center;
  padding:14px 4px 4px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
#pane-org-hierarchy .tree-scroll-hint .arrow{ display:inline-block;width:36px;height:2px;background:var(--t3);position:relative; }
#pane-org-hierarchy .tree-scroll-hint .arrow::after{
  content:"";position:absolute;right:0;top:-7px;
  width:0;height:0;
  border-left:12px solid var(--t3);
  border-top:8px solid transparent;
  border-bottom:8px solid transparent;
}

/* ════════════════════════════════════════════════════════════════════════
   VIEW VISIBILITY + CURSOR
   ════════════════════════════════════════════════════════════════════════ */
#pane-org-hierarchy .oh-view{display:none;}
#pane-org-hierarchy .oh-view.on{display:block;}
#pane-org-hierarchy .dc:not(.open):not(.ea-tile),
#pane-org-hierarchy .lt:not(.dashed){cursor:pointer;}

/* ── BADGE ───────────────────────────────────────────────── */
#pane-org-hierarchy .badge{margin-left:auto;font-family:var(--mono);font-size:7px;font-weight:600;letter-spacing:.06em;padding:2px 6px;border-radius:2px;text-transform:uppercase;}
#pane-org-hierarchy .badge.mvp{background:var(--ok-lo);color:var(--ok);border:1px solid rgba(26,107,60,.22);}
#pane-org-hierarchy .badge.soon{background:var(--s3);color:var(--t4);border:1px solid var(--b1);}

/* ════════════════════════════════════════════════════════════════════════
   PROFILE VIEW
   ════════════════════════════════════════════════════════════════════════ */
#pane-org-hierarchy .profile-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);background:transparent;border:1px solid var(--b1);padding:6px 12px;border-radius:14px;cursor:pointer;transition:all 80ms;-webkit-tap-highlight-color:transparent;align-self:flex-start;}
#pane-org-hierarchy .profile-back:hover{color:var(--t1);border-color:var(--b2);}
#pane-org-hierarchy .profile-back::before{content:'\2190';font-size:13px;line-height:1;}

#pane-org-hierarchy .profile-hero{padding:24px 22px;background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;position:relative;overflow:hidden;}
#pane-org-hierarchy .profile-hero-band{position:absolute;top:0;left:0;right:0;height:4px;}
#pane-org-hierarchy .profile-hero-band.exec{background:var(--acc);}
#pane-org-hierarchy .profile-hero-band.sales{background:var(--warn);}
#pane-org-hierarchy .profile-hero-band.delivery,#pane-org-hierarchy .profile-hero-band.delivery-platform{background:var(--ok);}
#pane-org-hierarchy .profile-hero-band.delivery-product{background:#1A8A7C;}
#pane-org-hierarchy .profile-hero-band.implementation{background:#7A4D8C;}
#pane-org-hierarchy .profile-hero-band.engineering{background:#3A3A45;}
#pane-org-hierarchy .profile-hero-band.operations{background:#2D6E8E;}
#pane-org-hierarchy .profile-hero-band.staffing{background:#4A9B8E;}
#pane-org-hierarchy .profile-hero-band.finance{background:#B5824D;}
#pane-org-hierarchy .profile-hero-band.marketing{background:#B53A8C;}
#pane-org-hierarchy .profile-hero-band.ventures{background:#5B3A8C;}
#pane-org-hierarchy .profile-hero-band.product{background:#1A8A7C;}

#pane-org-hierarchy .profile-av{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:26px;font-weight:600;border:2px solid var(--b1);letter-spacing:.02em;flex-shrink:0;}
#pane-org-hierarchy .profile-av.exec{background:var(--acc-lo);color:var(--acc);border-color:rgba(217,78,18,.3);}
#pane-org-hierarchy .profile-av.sales{background:var(--warn-lo);color:var(--warn);border-color:rgba(140,88,0,.3);}
#pane-org-hierarchy .profile-av.delivery,#pane-org-hierarchy .profile-av.delivery-platform{background:var(--ok-lo);color:var(--ok);border-color:rgba(26,107,60,.3);}
#pane-org-hierarchy .profile-av.delivery-product{background:rgba(26,138,124,.12);color:#1A8A7C;border-color:rgba(26,138,124,.3);}
#pane-org-hierarchy .profile-av.implementation{background:rgba(122,77,140,.1);color:#7A4D8C;border-color:rgba(122,77,140,.3);}
#pane-org-hierarchy .profile-av.engineering{background:rgba(58,58,69,.1);color:#3A3A45;border-color:rgba(58,58,69,.3);}
#pane-org-hierarchy .profile-av.operations{background:rgba(45,110,142,.1);color:#2D6E8E;border-color:rgba(45,110,142,.3);}
#pane-org-hierarchy .profile-av.staffing{background:rgba(74,155,142,.12);color:#4A9B8E;border-color:rgba(74,155,142,.3);}
#pane-org-hierarchy .profile-av.finance{background:rgba(181,130,77,.12);color:#B5824D;border-color:rgba(181,130,77,.3);}
#pane-org-hierarchy .profile-av.marketing{background:rgba(181,58,140,.12);color:#B53A8C;border-color:rgba(181,58,140,.3);}
#pane-org-hierarchy .profile-av.ventures{background:rgba(91,58,140,.12);color:#5B3A8C;border-color:rgba(91,58,140,.3);}
#pane-org-hierarchy .profile-av.product{background:rgba(26,138,124,.12);color:#1A8A7C;border-color:rgba(26,138,124,.3);}

#pane-org-hierarchy .profile-hero-info{display:flex;flex-direction:column;gap:6px;min-width:0;}
#pane-org-hierarchy .profile-eyebrow{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--t3);}
#pane-org-hierarchy .profile-name{font-size:24px;font-weight:600;color:var(--t1);letter-spacing:-.02em;line-height:1.1;}
#pane-org-hierarchy .profile-title{font-size:13px;color:var(--t2);line-height:1.4;}
#pane-org-hierarchy .profile-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
#pane-org-hierarchy .profile-meta-chip{font-family:var(--mono);font-size:9px;padding:3px 8px;border-radius:10px;background:var(--s2);color:var(--t3);border:1px solid var(--b1);display:inline-flex;align-items:center;gap:5px;}
#pane-org-hierarchy .profile-meta-chip b{color:var(--t1);font-weight:600;}

#pane-org-hierarchy .profile-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:6px;}
#pane-org-hierarchy .profile-card{background:var(--s1);border:1px solid var(--b1);border-radius:var(--r);overflow:hidden;}
#pane-org-hierarchy .profile-card-hdr{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--b1);background:var(--s2);}
#pane-org-hierarchy .profile-card-hdr strong{font-size:12px;font-weight:600;color:var(--t1);letter-spacing:-.01em;}
#pane-org-hierarchy .profile-card-body{padding:14px;}

#pane-org-hierarchy .profile-row{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--b1);cursor:pointer;transition:background 80ms;}
#pane-org-hierarchy .profile-row:last-child{border-bottom:none;}
#pane-org-hierarchy .profile-row:hover{background:var(--s2);}
#pane-org-hierarchy .profile-row:hover .profile-row-name{color:var(--acc);}
#pane-org-hierarchy .profile-row-av{width:30px;height:30px;border-radius:50%;font-family:var(--mono);font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--b1);}
#pane-org-hierarchy .profile-row-av.exec{background:var(--acc-lo);color:var(--acc);border-color:rgba(217,78,18,.22);}
#pane-org-hierarchy .profile-row-av.sales{background:var(--warn-lo);color:var(--warn);border-color:rgba(140,88,0,.22);}
#pane-org-hierarchy .profile-row-av.delivery,#pane-org-hierarchy .profile-row-av.delivery-platform{background:var(--ok-lo);color:var(--ok);border-color:rgba(26,107,60,.22);}
#pane-org-hierarchy .profile-row-av.delivery-product{background:rgba(26,138,124,.1);color:#1A8A7C;border-color:rgba(26,138,124,.25);}
#pane-org-hierarchy .profile-row-av.implementation{background:rgba(122,77,140,.1);color:#7A4D8C;border-color:rgba(122,77,140,.22);}
#pane-org-hierarchy .profile-row-av.engineering{background:rgba(58,58,69,.1);color:#3A3A45;border-color:rgba(58,58,69,.22);}
#pane-org-hierarchy .profile-row-av.operations{background:rgba(45,110,142,.1);color:#2D6E8E;border-color:rgba(45,110,142,.22);}
#pane-org-hierarchy .profile-row-av.staffing{background:rgba(74,155,142,.12);color:#4A9B8E;border-color:rgba(74,155,142,.3);}
#pane-org-hierarchy .profile-row-av.finance{background:rgba(181,130,77,.12);color:#B5824D;border-color:rgba(181,130,77,.3);}
#pane-org-hierarchy .profile-row-av.marketing{background:rgba(181,58,140,.12);color:#B53A8C;border-color:rgba(181,58,140,.3);}
#pane-org-hierarchy .profile-row-av.ventures{background:rgba(91,58,140,.12);color:#5B3A8C;border-color:rgba(91,58,140,.3);}
#pane-org-hierarchy .profile-row-av.product{background:rgba(26,138,124,.12);color:#1A8A7C;border-color:rgba(26,138,124,.3);}
#pane-org-hierarchy .profile-row-text{flex:1;min-width:0;}
#pane-org-hierarchy .profile-row-name{font-size:12px;font-weight:500;color:var(--t1);transition:color 80ms;}
#pane-org-hierarchy .profile-row-sub{font-family:var(--mono);font-size:8px;color:var(--t4);margin-top:2px;letter-spacing:.04em;}

#pane-org-hierarchy .profile-empty{padding:18px 14px;text-align:center;font-family:var(--mono);font-size:10px;color:var(--t4);letter-spacing:.04em;}
#pane-org-hierarchy .profile-field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px;}
#pane-org-hierarchy .profile-field:last-child{margin-bottom:0;}
#pane-org-hierarchy .profile-field label{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--t3);font-weight:600;}
#pane-org-hierarchy .profile-field input,#pane-org-hierarchy .profile-field textarea{font-family:var(--sans);font-size:12px;color:var(--t1);background:var(--s2);border:1px solid var(--b1);border-radius:2px;padding:8px 10px;width:100%;outline:none;transition:border-color 80ms;box-sizing:border-box;}
#pane-org-hierarchy .profile-field input:focus,#pane-org-hierarchy .profile-field textarea:focus{border-color:var(--acc);background:#fff;}
#pane-org-hierarchy .profile-field textarea{resize:vertical;min-height:60px;}
#pane-org-hierarchy .profile-field-hint{font-family:var(--mono);font-size:8px;color:var(--t4);letter-spacing:.04em;}
#pane-org-hierarchy .profile-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
#pane-org-hierarchy .profile-field-row .profile-field{margin-bottom:13px;}

#pane-org-hierarchy .profile-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;}
#pane-org-hierarchy .profile-access{background:var(--s2);border:1px solid var(--b1);border-radius:var(--r);padding:9px 11px;display:flex;flex-direction:column;gap:4px;}
#pane-org-hierarchy .profile-access-sys{font-family:var(--mono);font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--t4);}
#pane-org-hierarchy .profile-access-role{font-size:11px;font-weight:600;color:var(--t1);}

#pane-org-hierarchy .profile-skeleton{padding:16px 14px;display:flex;flex-direction:column;gap:9px;}
#pane-org-hierarchy .profile-skeleton-line{height:9px;background:linear-gradient(90deg,var(--s2) 0%,var(--s3) 50%,var(--s2) 100%);border-radius:2px;}
#pane-org-hierarchy .profile-skeleton-line:nth-child(1){width:78%;}
#pane-org-hierarchy .profile-skeleton-line:nth-child(2){width:62%;}
#pane-org-hierarchy .profile-skeleton-line:nth-child(3){width:71%;}
#pane-org-hierarchy .profile-skeleton-note{font-family:var(--mono);font-size:9px;color:var(--t4);letter-spacing:.04em;text-align:center;margin-top:6px;font-style:italic;}
#pane-org-hierarchy .profile-action-btn{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.08em;padding:8px 14px;border-radius:2px;border:1px dashed var(--b2);background:transparent;color:var(--t3);cursor:not-allowed;width:100%;text-align:center;}

@media(max-width:768px){
  #pane-org-hierarchy .profile-grid{grid-template-columns:1fr;}
  #pane-org-hierarchy .profile-hero{grid-template-columns:auto 1fr;gap:16px;padding:18px;}
  #pane-org-hierarchy .profile-av{width:64px;height:64px;font-size:20px;}
  #pane-org-hierarchy .profile-name{font-size:20px;}
  #pane-org-hierarchy .profile-field-row{grid-template-columns:1fr;}
}
