.structure-search {max-width: 700px}
.structure-layout {display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}
.structure-layout.has-profile {grid-template-columns:minmax(0,1fr) minmax(280px,360px)}
.structure-browser,.structure-profile {min-width:0}
.structure-path {display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:16px 0}
.structure-path button {max-width:100%;overflow-wrap:anywhere;text-align:left}
.structure-list {border:1px solid var(--border);border-radius:10px;overflow:hidden}
.structure-list table {width:100%;border-collapse:collapse;table-layout:fixed}
.structure-list th,.structure-list td {padding:12px;text-align:left;overflow-wrap:anywhere;border-bottom:1px solid var(--border)}
.structure-list th:first-child {width:34%}
.structure-list th:nth-child(2) {width:24%}
.structure-list th:nth-child(3) {width:20%}
.structure-list th:nth-child(4) {width:22%}
.structure-list td button {box-sizing:border-box;width:100%;max-width:100%;min-width:0;padding:8px 6px;white-space:normal;overflow-wrap:anywhere}
.structure-layout.has-profile .structure-list th,.structure-layout.has-profile .structure-list td {padding:8px 6px}
.structure-profile-path {margin:12px 0}
.structure-profile-path .structure-path {margin:6px 0}
.structure-profile-path summary {font-size:14px}
.structure-profile-path button {padding:7px;min-height:36px;font-size:14px}
.structure-member td small {display:block;font-size:13px;margin-top:5px}
.structure-mobile-label {display:none}
.structure-member:last-child {border-bottom:0}
.structure-name {display:flex;flex-direction:column;text-align:left;white-space:normal!important;overflow-wrap:anywhere;min-width:0;background:transparent!important;color:var(--text)!important;border:0!important;gap:5px}
.structure-name span,.structure-name small {font-size:14px}
.structure-allocations summary {min-height:44px;padding:10px 0;cursor:pointer;overflow-wrap:anywhere}
.structure-profile:focus-visible {outline:3px solid var(--link);outline-offset:3px}
@media(max-width:1199px){.structure-layout.has-profile {grid-template-columns:minmax(0,1fr)}.structure-layout.has-profile .structure-browser {display:none}}
@media(max-width:620px){.structure-list table,.structure-list tbody,.structure-member,.structure-member td {display:block;width:100%}.structure-list thead {display:table-header-group;position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.structure-member {padding:12px;border-bottom:1px solid var(--border)}.structure-member td {padding:5px 0;border:0}.structure-member td::before {display:none}.structure-mobile-label {display:inline}.structure-path {gap:4px}.structure-profile {padding:12px}}

/* An explanatory example, separate from the user's live tree and payment records. */
.partner-referral-example {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  padding: 0;
  list-style: none;
}
.partner-referral-example li {
  position: relative;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--card2);
}
.partner-referral-example li + li::before {
  content: "→";
  position: absolute;
  inset-inline-start: -16px;
  top: 14px;
}
.partner-referral-example span {
  display: block;
  margin-top: 7px;
  line-height: 1.5;
}
@media (max-width: 620px) {
  .partner-referral-example {grid-template-columns: 1fr;gap: 20px}
  .partner-referral-example li + li::before {content: "↓";inset-inline-start: 50%;top: -22px}
}

.structure-search .actions,
.structure-browser > .actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}