/* Member Documents V1 — additive only; existing member cards/layout stay authoritative. */
.member-tree-metric.bw-tree-interactive{
  cursor:pointer;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.member-tree-metric.bw-tree-interactive:hover{
  border-color:rgba(5,185,242,.28)!important;
}
.member-tree-metric.bw-tree-interactive:focus-visible{
  outline:3px solid rgba(5,185,242,.32);
  outline-offset:3px;
}
.member-tree-cert-action{
  display:inline-flex;
  margin-top:10px;
  color:var(--bw-readable-accent,var(--bw-blue,#05B9F2));
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.01em;
}

html.bw-member-doc-modal-open{overflow:hidden}
.bw-member-doc-modal[hidden]{display:none!important}
.bw-member-doc-modal{
  position:fixed;
  inset:0;
  z-index:2200;
  display:grid;
  place-items:center;
  padding:20px;
}
.bw-member-doc-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(3,10,18,.58);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.bw-member-doc-modal__card{
  position:relative;
  z-index:1;
  width:min(620px,100%);
  max-height:min(78vh,720px);
  overflow:auto;
  padding:28px;
  border-radius:22px;
  border:1px solid var(--bw-border,#dfe7ed);
  background:var(--bw-surface,#fff);
  color:var(--bw-ink,#102238);
  box-shadow:0 28px 80px rgba(3,10,18,.28);
}
html[data-design="future"] .bw-member-doc-modal__card{
  background:#08131f;
  color:#edf9ff;
  border-color:rgba(119,210,246,.16);
  box-shadow:0 30px 90px rgba(0,0,0,.48);
}
.bw-member-doc-modal__card h2{margin:5px 0 8px;font-size:clamp(1.7rem,4vw,2.25rem)}
.bw-member-doc-modal__intro{margin:0 42px 22px 0;color:var(--bw-muted,#617083);line-height:1.55}
html[data-design="future"] .bw-member-doc-modal__intro{color:#93aabb}
.bw-member-doc-modal__close{
  position:absolute!important;
  top:6px!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  display:grid!important;
  place-items:center!important;
  width:40px;
  height:40px;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:none!important;
  z-index:4!important;
  border-radius:50%;
  border:1px solid var(--bw-border,#dfe7ed);
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:1.45rem;
  cursor:pointer;
}
.bw-member-doc-modal .bw-member-doc-modal__card > .bw-member-doc-modal__close{
  position:absolute!important;
  top:6px!important;
  right:14px!important;
  left:auto!important;
}
.bw-tree-cert-list{display:grid;gap:10px}
.bw-tree-cert-row,
.bw-member-document-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 0;
  border-bottom:1px solid var(--bw-border,#dfe7ed);
}
.bw-tree-cert-row:last-child,
.bw-member-document-row:last-child{border-bottom:0}
.bw-tree-cert-row__copy,
.bw-member-document-copy{display:grid;gap:3px;min-width:0}
.bw-tree-cert-row__copy>span,
.bw-member-document-type{
  color:var(--bw-readable-accent,var(--bw-blue,#05B9F2));
  font-size:.74rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.bw-tree-cert-row__copy strong,
.bw-member-document-copy strong{overflow-wrap:anywhere}
.bw-tree-cert-row__copy small,
.bw-member-document-copy small{color:var(--bw-muted,#617083)}
.bw-tree-cert-row__action,
.bw-member-document-action{flex:0 0 auto}
.bw-tree-cert-pending{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--bw-border,#dfe7ed);
  color:var(--bw-muted,#617083);
  font-size:.78rem;
  font-weight:750;
}


.bw-tree-cert-row--certificate{
  display:grid;
  grid-template-columns:92px minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
}
.bw-tree-cert-preview{
  display:grid;
  width:92px;
  gap:5px;
  color:inherit;
  text-decoration:none;
  justify-items:center;
}
.bw-tree-cert-preview__sheet{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:210/297;
  overflow:hidden;
  border:1px solid rgba(97,112,131,.28);
  border-radius:9px;
  background:#fff;
  box-shadow:0 8px 22px rgba(3,10,18,.14);
}
.bw-tree-cert-preview__canvas{width:100%;height:100%;display:block;object-fit:contain;background:#fff;opacity:0;transition:opacity .16s ease}
.bw-tree-cert-preview.is-ready .bw-tree-cert-preview__canvas{opacity:1}
.bw-tree-cert-preview__fallback{
  position:absolute;
  inset:0;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:3px;
  color:#607184;
  background:linear-gradient(160deg,#fff,#eef4f7);
  transition:opacity .16s ease;
}
.bw-tree-cert-preview__fallback b{font-size:.82rem;letter-spacing:.09em;color:var(--bw-readable-accent,#05B9F2)}
.bw-tree-cert-preview__fallback small{font-size:.62rem}
.bw-tree-cert-preview.is-ready .bw-tree-cert-preview__fallback{opacity:0;pointer-events:none}
.bw-tree-cert-preview__hint{font-size:.66rem;font-weight:800;color:var(--bw-readable-accent,var(--bw-blue,#05B9F2))}
.bw-tree-cert-preview:hover .bw-tree-cert-preview__sheet,
.bw-tree-cert-preview:focus-visible .bw-tree-cert-preview__sheet{border-color:rgba(5,185,242,.7);box-shadow:0 10px 28px rgba(5,185,242,.16)}
.bw-tree-cert-preview:focus-visible{outline:2px solid rgba(5,185,242,.45);outline-offset:3px;border-radius:10px}
html[data-design="future"] .bw-tree-cert-preview__sheet{border-color:rgba(119,210,246,.22);box-shadow:0 10px 26px rgba(0,0,0,.35)}

@media(max-width:600px){
  .bw-member-doc-modal{padding:12px}
  .bw-member-doc-modal__card{padding:22px 18px;border-radius:18px}
  .bw-tree-cert-row,.bw-member-document-row{align-items:flex-start;flex-direction:column;gap:10px}
  .bw-tree-cert-row__action,.bw-member-document-action{width:100%}
  .bw-tree-cert-row__action .member-app-btn,.bw-member-document-action .pill{width:100%!important}
  .bw-tree-cert-row--certificate{grid-template-columns:76px minmax(0,1fr);align-items:start}
  .bw-tree-cert-preview{width:76px}
  .bw-tree-cert-row--certificate .bw-tree-cert-row__action{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
  .member-tree-metric.bw-tree-interactive{transition:none}
}