/*
  Team Dashboard modules: meeting agendas, Project brief, Business v3
  (HubSpot pipeline, buyer pro forma). Load after v2.css; every class is
  prefixed bdv3- and reads the --bdv2- tokens scoped to .bdv2-root.
*/

/* ------------------------------------------------------------ shared */
.bdv3-link{
  display:inline-flex;align-items:center;min-height:40px;padding:8px 2px;margin:0;
  background:none;border:0;border-radius:0;cursor:pointer;text-align:left;
  font:400 0.875rem/1.3 var(--bdv2-font);color:var(--bdv2-accent);
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
}
@media (hover:hover){.bdv3-link:hover{color:var(--bdv2-ink)}}
.bdv3-flag{
  display:inline-block;align-self:flex-start;max-width:100%;padding:3px 9px;border:1px solid transparent;border-radius:3px;
  font-size:0.8125rem;font-weight:400;line-height:1.35;white-space:normal;
}
.bdv3-court{display:block;font-size:0.8125rem;color:var(--bdv2-grey-1);line-height:1.4}
.bdv3-court-l{color:var(--bdv2-grey-2);margin-right:4px}
.bdv3-court-r{display:block;color:var(--bdv2-grey-2)}
.bdv3-outcome{display:block;font-size:0.875rem;line-height:1.45}

/* ------------------------------------------------- meetings: agendas */
.bdv3-agenda{counter-reset:none;margin:2px 0 10px}
.bdv3-ag{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid var(--bdv2-line);font-size:0.9375rem}
.bdv3-ag:first-child{border-top:0}
.bdv3-ag-n{flex:none;width:22px;color:var(--bdv2-grey-2);font-size:0.8125rem;font-variant-numeric:tabular-nums;padding-top:2px}
.bdv3-ag-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.bdv3-ag-t{font-weight:400}
.bdv3-ag-p{font-weight:300;color:var(--bdv2-grey-1)}
.bdv3-ag-p::before{content:"\00b7";margin:0 6px 0 2px}
.bdv3-ag-flagged{background:linear-gradient(90deg,var(--bdv2-amber-bg) 0 3px,transparent 3px);padding-left:10px}
.bdv3-ag .bdv3-link{flex:none;align-self:flex-start;margin-top:-6px}
.bdv3-discussed .bdv3-ag{padding-left:10px}
.bdv3-flash{animation:bdv3-flash 2.4s cubic-bezier(0.16,1,0.3,1)}
@keyframes bdv3-flash{0%,35%{background:var(--bdv2-accent-bg);box-shadow:inset 3px 0 0 var(--bdv2-accent)}100%{background:transparent;box-shadow:inset 3px 0 0 transparent}}

/* --------------------------------------------------------- the brief */
.bdv3-bhead{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:14px}
.bdv3-bname{margin:0;font-size:1.25rem;font-weight:300;letter-spacing:-0.01em}
.bdv3-bsub{margin:2px 0 0;color:var(--bdv2-grey-2);font-size:0.875rem}
.bdv3-h3{margin:0 0 10px;font-size:0.8125rem;font-weight:400;letter-spacing:0.06em;text-transform:uppercase;color:var(--bdv2-grey-1)}
.bdv3-h{margin:0 0 6px;font-size:0.9375rem;font-weight:400}
.bdv3-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:0 0 14px}
.bdv3-fig{border-top:1px solid var(--bdv2-ink);padding:10px 0 4px;min-width:0}
.bdv3-fig dt{color:var(--bdv2-grey-2);font-size:0.8125rem}
.bdv3-fig dd{margin:2px 0 0}
.bdv3-fig-v{font-size:1.375rem;font-weight:200;letter-spacing:-0.01em;font-variant-numeric:tabular-nums;line-height:1.25}
.bdv3-fig-s{color:var(--bdv2-grey-1);font-size:0.8125rem;white-space:nowrap}
.bdv3-bar{position:relative;display:block;height:8px;margin-top:8px;background:var(--bdv2-panel)}
.bdv3-bar-f{position:absolute;left:0;top:0;bottom:0;background:var(--bdv2-accent)}
.bdv3-bar-f.bdv3-bar-behind{background:var(--bdv2-amber)}
.bdv3-bar-plan{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--bdv2-ink)}
.bdv3-hist{margin-top:6px;font-size:0.8125rem}
.bdv3-hist summary{display:inline-flex;align-items:center;min-height:40px;cursor:pointer;color:var(--bdv2-accent);font-weight:400}
.bdv3-hist ol{margin:0 0 4px;padding:0;list-style:none}
.bdv3-hist li{padding:5px 0;border-top:1px solid var(--bdv2-line);line-height:1.4}
.bdv3-hist-d{font-weight:400;font-variant-numeric:tabular-nums;margin-right:4px}
.bdv3-narr{margin:0 0 18px;padding:12px 14px;background:var(--bdv2-zebra);border-left:3px solid var(--bdv2-accent);font-size:0.9375rem;line-height:1.55}
.bdv3-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;margin-bottom:22px}
.bdv3-sec{min-width:0}
.bdv3-list{border-top:1px solid var(--bdv2-line)}
.bdv3-item{display:flex;flex-direction:column;gap:3px;padding:10px 0;border-bottom:1px solid var(--bdv2-line)}
.bdv3-item-h{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.bdv3-item-t{display:block;font-weight:400;font-size:0.9375rem;line-height:1.35;min-width:0}
.bdv3-item-s{display:block;color:var(--bdv2-grey-1);font-size:0.8125rem;line-height:1.4}
.bdv3-item-h .bdv2-chip{flex:none}
.bdv3-links{display:flex;flex-wrap:wrap;gap:0 16px;margin-top:-2px}
.bdv3-links .bdv3-link{padding:6px 0}
.bdv3-mlist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bdv3-mcard{background:var(--bdv2-elev);border:1px solid var(--bdv2-line);padding:12px 14px;min-width:0;display:flex;flex-direction:column}
.bdv3-mcard-h{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.bdv3-mcard-tags{display:flex;flex-wrap:wrap;gap:6px}
.bdv3-msum{margin:0 0 8px;font-size:0.9375rem;line-height:1.5}
.bdv3-mdec{margin:0 0 8px;font-size:0.875rem;line-height:1.45}
.bdv3-mdec li{padding:4px 0}
.bdv3-mcard .bdv2-actions{flex:1}
.bdv3-mcard>.bdv3-link{align-self:flex-start}

/* ------------------------------------------------- business: pipeline */
.bdv3-sync{margin:0 0 14px;color:var(--bdv2-grey-1);font-size:0.8125rem;line-height:1.45}
.bdv3-sync-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--bdv2-green);vertical-align:1px}
.bdv3-stage-map{display:block;color:var(--bdv2-grey-2);font-size:0.75rem}
.bdv3-deals td,.bdv3-deals th{vertical-align:top}
.bdv3-deal-sub{display:block;color:var(--bdv2-grey-2);font-size:0.8125rem}
.bdv3-total-row th,.bdv3-total-row td{border-top:1px solid var(--bdv2-ink) !important;font-weight:400}

/* ------------------------------------------------- business: pro forma */
.bdv3-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--bdv2-line);background:var(--bdv2-elev);margin:0 0 18px}
.bdv3-kpi{padding:12px 14px;border-left:1px solid var(--bdv2-line);min-width:0}
.bdv3-kpi:first-child{border-left:0}
.bdv3-kpi dt{color:var(--bdv2-grey-1);font-size:0.8125rem}
.bdv3-kpi dd{margin:0}
.bdv3-kpi-v{display:block;font-size:1.375rem;font-weight:200;font-variant-numeric:tabular-nums;line-height:1.25}
.bdv3-kpi-s{display:block;color:var(--bdv2-grey-2);font-size:0.75rem;line-height:1.35}
.bdv3-seg{display:inline-flex;border:1px solid var(--bdv2-line);border-radius:4px;overflow:hidden;background:var(--bdv2-elev)}
.bdv3-seg button{
  min-height:40px;min-width:84px;padding:8px 14px;margin:0;border:0;border-left:1px solid var(--bdv2-line);border-radius:0;
  background:none;cursor:pointer;font:300 0.875rem/1.2 var(--bdv2-font);color:var(--bdv2-grey-1);
}
.bdv3-seg button:first-child{border-left:0}
.bdv3-seg button[aria-pressed="true"]{background:var(--bdv2-accent);color:#fff;font-weight:400}
.bdv3-pf-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:18px 0 10px}
.bdv3-pf-tools .bdv3-link{min-height:40px}
.bdv3-scroll{position:relative;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--bdv2-line);background:var(--bdv2-elev);max-width:100%}
.bdv3-pf{width:100%;border-collapse:separate;border-spacing:0;font-size:0.8125rem}
.bdv3-pf th,.bdv3-pf td{padding:7px 10px;border-top:1px solid var(--bdv2-line);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;background:var(--bdv2-elev)}
.bdv3-pf thead th{position:sticky;top:0;z-index:1;border-top:0;border-bottom:1px solid var(--bdv2-ink);color:var(--bdv2-grey-1);font-weight:400;vertical-align:bottom}
.bdv3-pf th:first-child{position:sticky;left:0;z-index:2;text-align:left;min-width:220px;max-width:260px;white-space:normal;box-shadow:1px 0 0 var(--bdv2-line)}
.bdv3-pf thead th:first-child{z-index:3}
.bdv3-pf .bdv3-projcol{background:#FAFAF8}
.bdv3-pf thead .bdv3-projcol{background:#FAFAF8}
.bdv3-pf .bdv3-colt{display:block;font-size:0.6875rem;font-weight:400;color:var(--bdv2-grey-1)}
.bdv3-pf .bdv3-projcol .bdv3-colt{color:var(--bdv2-grey-1)}
.bdv3-pf tbody th{font-weight:300}
.bdv3-pf .bdv3-r-total th,.bdv3-pf .bdv3-r-total td{font-weight:400;border-top:1px solid var(--bdv2-ink)}
.bdv3-pf .bdv3-r-key th,.bdv3-pf .bdv3-r-key td{font-weight:400;background:var(--bdv2-accent-bg)}
.bdv3-pf .bdv3-r-pct th,.bdv3-pf .bdv3-r-pct td{color:var(--bdv2-grey-1);font-style:italic;border-top-style:dotted}
.bdv3-pf .bdv3-r-sec th{padding-top:14px;color:var(--bdv2-grey-1);font-size:0.75rem;letter-spacing:0.06em;text-transform:uppercase;font-weight:400}
.bdv3-pf .bdv3-r-sec td{padding-top:14px}
.bdv3-pf .bdv3-d1 th{padding-left:26px}
.bdv3-pf .bdv3-d2 th{padding-left:42px}
.bdv3-pf .bdv3-d1 th,.bdv3-pf .bdv3-d1 td,.bdv3-pf .bdv3-d2 th,.bdv3-pf .bdv3-d2 td{color:var(--bdv2-grey-1)}
.bdv3-tog{
  display:inline-flex;align-items:center;gap:8px;min-height:40px;width:100%;padding:0;margin:-8px 0;
  background:none;border:0;cursor:pointer;text-align:left;font:inherit;color:inherit;
}
.bdv3-tog-c{flex:none;width:7px;height:7px;border-right:1.5px solid var(--bdv2-grey-1);border-bottom:1.5px solid var(--bdv2-grey-1);transform:rotate(-45deg);transition:transform .2s cubic-bezier(0.16,1,0.3,1)}
.bdv3-tog[aria-expanded="true"] .bdv3-tog-c{transform:rotate(45deg)}
.bdv3-neg{color:var(--bdv2-red)}

/* Chart for the pro forma (annual or monthly). */
.bdv3-chart svg{display:block;width:100%;height:auto;overflow:visible}

@media (prefers-reduced-motion:reduce){
  .bdv3-flash{animation:none;outline:2px solid var(--bdv2-accent);outline-offset:-2px}
  .bdv3-tog-c{transition:none}
}

/* Tablet. */
@media (max-width:1100px){
  .bdv3-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bdv3-kpi:nth-child(4){border-left:0}
  .bdv3-kpi:nth-child(n+4){border-top:1px solid var(--bdv2-line)}
  .bdv3-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bdv3-mlist{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Phone. */
@media (max-width:760px){
  .bdv3-figs{grid-template-columns:minmax(0,1fr)}
  .bdv3-cols{grid-template-columns:minmax(0,1fr)}
  .bdv3-mlist{grid-template-columns:minmax(0,1fr)}
  .bdv3-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bdv3-kpi:nth-child(n){border-left:0;border-top:1px solid var(--bdv2-line)}
  .bdv3-kpi:nth-child(-n+2){border-top:0}
  .bdv3-kpi:nth-child(even){border-left:1px solid var(--bdv2-line)}
  .bdv3-kpi:last-child:nth-child(odd){grid-column:1 / -1}
  .bdv3-pf th:first-child{min-width:148px;max-width:168px}
  .bdv3-pf .bdv3-d1 th{padding-left:18px}
  .bdv3-pf .bdv3-d2 th{padding-left:28px}
  .bdv3-ag{flex-wrap:wrap}
  .bdv3-ag-main{flex-basis:calc(100% - 32px)}
  .bdv3-ag .bdv3-link{margin:0 0 0 32px}
}