/* #923 GGOB in-place drill-down tree — SHARED by the group (finance_ggob.html) and the
   per-BU (finance_ggob_detail.html) P&L views so both behave identically. Presentation only. */
.ggt{border:1px solid #e3e6ea;border-radius:10px;overflow:hidden}
.ggt-row{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #eef1f4}
.ggt-row.exp{cursor:pointer}
.ggt-row.exp:hover{background:#f7f9fb}
.ggt-chev{width:14px;flex:0 0 14px;text-align:center;color:#8a93a0;font-size:11px;transition:transform .15s}
.ggt-chev.open{transform:rotate(90deg)}
/* C: full line names on desktop (wrap if genuinely long — no premature truncation). */
.ggt-nm{flex:1;min-width:0;font-size:13px}
.ggt-pct{flex:0 0 64px;text-align:right;color:#8a93a0;font-size:12px}
.ggt-amt{font-variant-numeric:tabular-nums;font-weight:600;font-size:13px;text-align:right;flex:0 0 auto;white-space:nowrap}
.ggt-amt.ggt-na{color:#9a9a9a;font-weight:400}        /* B: not-yet-computed "—" */
.ggt-row.result{background:#f0f5ff;font-weight:700}
.ggt-row.result .ggt-amt{color:#2563eb}
.ggt-l1 .ggt-nm{padding-left:18px}
.ggt-l2 .ggt-nm{padding-left:36px}
.ggt-detail{background:#f7f9fb;border-bottom:1px solid #eef1f4;padding:8px 12px 10px 48px;font-size:12px;color:#8a93a0}
.ggt-detail b{color:#1c2530}
.ggt-chip{display:inline-block;background:#eef4ff;color:#2563eb;border-radius:99px;padding:1px 8px;font-weight:600;font-size:11px;margin-right:6px}
.ggt-pending{color:#C9A227}
.ggt-hidden{display:none}
.ggt-doc{display:flex;gap:8px;justify-content:space-between;padding:3px 0;border-top:1px dashed #e3e6ea;font-size:11px}
@media(max-width:640px){
  .ggt-row{padding:9px 8px;gap:4px}
  /* C: clip with ellipsis ONLY on narrow screens where the row genuinely runs out of room. */
  .ggt-nm{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ggt-pct{flex:0 0 40px;font-size:11px}
  .ggt-amt{font-size:12px}
  .ggt-l1 .ggt-nm{padding-left:10px}
  .ggt-l2 .ggt-nm{padding-left:20px}
  .ggt-detail{padding:8px 8px 10px 24px}
}
