/* TEAM: YOUR NETWORK, INVITE A CREATOR, WHAT YOU EARN, YOUR TEAM and one member opened (office-team.js).
   Comps team-network-v7 and team-member-v7. The member picture is the site's default account mark (the same 12 by 12
   mark as the header's SIGN IN key, account.css .qa-header --qa-mark); the API carries no member pictures. */
.qo-team,.qo-member{--qo-team-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h4v1H4zM3 1h6v3H3zM4 4h4v1H4zM3 6h6v1H3zM2 7h8v1H2zM1 8h10v4H1z'/%3E%3C/svg%3E");--qo-team-amber:#ffbf2e;--qo-team-pale:#d9eee2;--qo-team-rule:#163a27;--qo-team-dim:#5f7867}
.qo-team{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:stretch}
.qo-team>.qo-panel,.qo-team-side>.qo-panel{padding:0 10px 2px}
.qo-team h2{font-size:clamp(30px,2.92vw,46px);line-height:1;margin:-4px 0 8px}
.qo-team .qo-network{grid-column:1;grid-row:1;min-height:0}
.qo-team-side{grid-column:2;grid-row:1;grid-template-rows:auto minmax(0,1fr)}
.qo-team-members{grid-column:1/-1}
.qo-team .qo-muted{color:var(--o-dim);font-size:14px;margin-top:8px}
.qo-team .qo-earned,.qo-member .qo-earned{font-size:inherit}

/* YOUR NETWORK: a six-track grid; a plate is two tracks wide and centred on its --at (in sixths of the width). */
.qo-team .qo-tree{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0 0 2px;overflow:visible;text-align:center;font-size:14px}
.qo-team .qo-tree-root{grid-column:1/-1;grid-row:1;justify-self:center;width:min(100%,300px);min-height:54px;margin:0;padding:7px 14px 11px;font:400 20px/1.2 var(--o-body)}
.qo-tree-root b{font:700 24px/1 var(--o-display);margin-right:12px}
.qo-tree-band{grid-column:1/-1;position:relative;height:22px}
.qo-tree-band--top{grid-row:2}.qo-tree-band--kids{grid-row:4}
.qo-tree-bar{position:absolute;top:50%;left:calc(var(--lo) * 100% / 6);width:calc((var(--hi) - var(--lo)) * 100% / 6 + 3px);margin:-1.5px 0 0 -1.5px;border-top:3px solid var(--o-green)}
.qo-tree-drop{position:absolute;top:calc(50% - 1.5px);bottom:0;left:calc(var(--at) * 100% / 6);margin-left:-1.5px;border-left:3px solid var(--o-green)}
.qo-tree-drop.qo-tree-up{top:0;bottom:calc(50% - 1.5px)}
.qo-team .qo-tree .qo-node{grid-column:var(--at)/span 2;grid-row:3;margin:0 3px}
.qo-team .qo-tree .qo-node--kid{grid-row:5}
.qo-team .qo-node,.qo-member .qo-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:0;padding:6px 2px 8px;border:solid transparent;border-width:8px;border-image:url(/runtime/quit/deck-art/key-green.webp) 22 24 34 fill/8px stretch;background:none;color:#001c0c;font:400 14px/1.3 var(--o-body);text-align:center;overflow-wrap:anywhere}
.qo-team .qo-node strong,.qo-member .qo-node strong{display:block;max-width:100%;margin:0 0 2px;overflow:hidden;font-size:16px;font-weight:600;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow-wrap:normal}
.qo-team .qo-node small,.qo-member .qo-node small{display:block;font-size:13px;line-height:1.25}
.qo-team .qo-node:hover,.qo-member .qo-node:hover{filter:brightness(1.08)}
.qo-tree-more{margin-top:8px!important;color:var(--o-dim);font:700 18px var(--o-display);text-align:right}

/* INVITE A CREATOR: the field on its own row, COPY and SHARE THE KIT side by side. */
.qo-team-invite-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
.qo-team-invite-keys .qo-copy{display:contents}
.qo .qo-team-invite-keys .qo-copy input:not([type="checkbox"]){grid-column:1/-1;font-size:clamp(13px,1.25vw,18px);padding:5px 12px}
.qo-team-invite-keys .qo-key,.qo-team-invite-keys .qo-copy .qo-key{min-height:44px;padding:6px 12px 10px;font-size:19px}
/* A wide panel (761 to 1150, where it spans the screen) puts the field, COPY and SHARE THE KIT on one row. */
.qo-team-invite{container-type:inline-size}
@container (min-width:600px){
 .qo-team-invite-keys{grid-template-columns:minmax(0,1fr) auto auto}
 .qo .qo-team-invite-keys .qo-copy input:not([type="checkbox"]){grid-column:auto}
}

/* WHAT YOU EARN: one table, the THIS MONTH / 30 DAYS switch at the heading's right end. */
.qo-team-earnings{position:relative}
.qo-team-earnings>.qo-team-switch{position:absolute;top:6px;right:10px}
.qo-team-earn{width:100%;border-collapse:collapse;font:400 15px/1.3 var(--o-body);overflow-wrap:normal}
.qo-team-earnings>h2{padding-right:160px}
.qo-team-earn thead th{padding:0 0 5px 10px;color:var(--o-green);font:700 17px/1 var(--o-display);text-align:right}
.qo-team-earn tbody tr{border-top:1px solid var(--o-line)}
.qo-team-earn tbody th{padding:5px 0;font-weight:400;line-height:1.25;text-align:left}
.qo-team-earn tbody th span{display:block}
.qo-team-rate{color:var(--o-green)}
.qo-team-earn td{padding:5px 0 5px 10px;text-align:right;white-space:nowrap}
.qo-team-earn td small,.qo-team-table td small,.qo-member-earn td small{display:block;font-size:13px}

/* The THIS MONTH / 30 DAYS switches: the window shown is lit. */
.qo-team-switch{display:inline-flex;gap:2px;background:#09160e;padding:0 6px}
.qo-team-switch button{padding:3px 6px;border:0;border-bottom:2px solid transparent;background:none;color:var(--qo-team-dim);font:700 17px/1 var(--o-display);white-space:nowrap}
.qo-team-switch button[aria-pressed="true"]{color:var(--qo-team-pale);border-bottom-color:var(--o-green)}
.qo-team-switch button:hover{color:var(--qo-team-pale)}

/* YOUR TEAM: the heading with the 30 DAYS bracket over BUYERS to PAID YOU (52% to 90%, those columns' places;
   the table keeps its scrollbar's room, so the bar's places are the table's); sortable heads (the active sort is lit),
   held at the top on the panel's own colour; the network order drawn with one rule from each creator to the creators
   they brought in; rows that open the member. A big team scrolls inside the panel with its heads in view. */
.qo-team-members{padding-top:0!important}
.qo-team-top{position:relative;height:46px}
.qo-team-top h2{position:absolute;left:0;bottom:4px;margin:0;white-space:nowrap}
.qo-team-scroll{max-height:min(62vh,560px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--o-line) transparent}
.qo-team-table{width:100%;border-collapse:collapse;font:400 15px/1.3 var(--o-body);color:var(--o-ink);overflow-wrap:normal}
.qo-team-table thead th{position:sticky;z-index:2;background:#09160e}
.qo-team-heads th{top:0;padding:4px 6px 6px;border-bottom:1px solid var(--o-line);color:var(--o-green);font:700 19px/1 var(--o-display);text-align:right;white-space:nowrap}
.qo-team-heads th:first-child{padding-left:0}
/* Desktop columns at the comp's places (their <col> widths; PROFILES takes what is left, room for two profiles on a
   line), the same for any team size:
   a handle longer than its column ends in an ellipsis (its full name in the title), a STATE word may take two lines,
   and the scrollbar's room is always kept, so a big team's table matches a small one. When the table's content cannot
   fit its panel (761 to 1150, or the wider pre-flip face) it scrolls sideways inside the panel with CREATOR in view. */
@media(min-width:761px){
 .qo-team-scroll{scrollbar-gutter:stable;container-type:inline-size}
 .qo-team-c-tree{width:15.5%}.qo-team-c-level{width:5.5%}.qo-team-c-joined{width:9%}.qo-team-c-buyers{width:7.75%}.qo-team-c-sales{width:7.75%}.qo-team-c-earned{width:11.5%}.qo-team-c-paid{width:11%}.qo-team-c-state{width:10%}
 .qo-team-table .qo-team-who button{max-width:max(120px,calc(15.5cqi - 48px))}
 .qo-team-table[data-sort="tree"] tr[data-level="3"] .qo-team-who button{max-width:max(96px,calc(15.5cqi - 80px))}
 .qo-team-table td.qo-team-statecell{padding-left:2px;white-space:normal}
 /* a narrower table (1280 and below) keeps its columns closer, so the 5-creator table still fits a 1280 screen */
 @container (max-width:1100px){
  .qo-team-scroll .qo-team-table td,.qo-team-scroll .qo-team-heads th{padding-left:4px;padding-right:4px}
  .qo-team-scroll .qo-team-table td:first-child,.qo-team-scroll .qo-team-heads th:first-child{padding-left:0}
  .qo-team-scroll .qo-team-table td.qo-team-statecell{padding-left:2px}
  .qo-team-scroll .qo-team-state{font-size:19px}
 }
 .qo-team-table td.qo-team-who,.qo-team-heads th:first-child{position:sticky;left:0}
 .qo-team-table tbody td.qo-team-who{z-index:1;background:#09160e}
 .qo-team-heads th:first-child{z-index:3}
}
.qo-team-heads th:first-child,.qo-team-heads .qo-team-col-profiles{text-align:left}
.qo-team-heads button{padding:3px 0;border:0;border-block:3px solid transparent;background:none;color:inherit;font:inherit;white-space:nowrap}
.qo-team-heads button:hover,.qo-team-heads [aria-sort]:not([aria-sort="none"]) button{color:var(--o-orange)}
.qo-team-heads [aria-sort="descending"] button,.qo-team-heads [aria-sort="other"] button{border-bottom-color:currentColor}
.qo-team-heads [aria-sort="ascending"] button{border-top-color:currentColor}
.qo-team-bracket{position:absolute;left:52%;width:38%;bottom:0;padding:0 6px 2px;text-align:center}
.qo-team-bracket::before{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:13px;border:1px solid var(--qo-team-dim);border-bottom:0}
.qo-team-bracket .qo-team-switch{position:relative;top:-1px}
.qo-team-table tbody tr{cursor:pointer}
.qo-team-table td{position:relative;padding:4px 6px;border-bottom:1px solid var(--qo-team-rule);text-align:right;white-space:nowrap;vertical-align:middle}
.qo-team-table td:first-child{padding-left:0}
.qo-team-table td.qo-team-who,.qo-team-table td.qo-team-profiles{text-align:left}
.qo-team-table tbody tr:hover td,.qo-team-table tbody tr:focus-within td{background:#08200f;box-shadow:inset 0 2px var(--o-green),inset 0 -2px var(--o-green)}
.qo-team-table tbody tr:hover td:first-child,.qo-team-table tbody tr:focus-within td:first-child{box-shadow:inset 2px 2px var(--o-green),inset 0 -2px var(--o-green)}
.qo-team-table tbody tr:hover td:last-child,.qo-team-table tbody tr:focus-within td:last-child{box-shadow:inset -2px 2px var(--o-green),inset 0 -2px var(--o-green)}
.qo-team-face{position:relative;display:inline-block;flex:none;width:28px;height:28px;border-radius:50%;background:#14231c;box-shadow:inset 0 0 0 2px #2c4436;vertical-align:middle}
.qo-team-face::before{content:"";position:absolute;inset:6px 7px 5px;background:#a9b6ad;-webkit-mask:var(--qo-team-mark) center/contain no-repeat;mask:var(--qo-team-mark) center/contain no-repeat}
.qo-team-who .qo-team-face{margin:0 10px 0 4px}
.qo-team-who button{max-width:100%;padding:0;border:0;background:none;color:var(--o-ink);font:inherit;text-align:left;cursor:pointer;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.qo-team-who button:hover{text-decoration:underline}
.qo-team-table[data-sort="tree"] tr[data-level="3"] .qo-team-who{padding-left:32px}
.qo-team-table tr[data-branch="parent"] .qo-team-who::after{content:"";position:absolute;left:18px;top:calc(50% + 14px);bottom:-1px;border-left:2px solid var(--o-green)}
.qo-team-table tr[data-branch^="kid"] .qo-team-who::before{content:"";position:absolute;left:18px;top:-1px;bottom:-1px;border-left:2px solid var(--o-green)}
.qo-team-table tr[data-branch="kid-last"] .qo-team-who::before{bottom:50%}
.qo-team-table tr[data-branch^="kid"] .qo-team-who::after{content:"";position:absolute;left:18px;top:calc(50% - 1px);width:18px;border-top:2px solid var(--o-green)}
.qo-team-table td.qo-team-profiles{white-space:normal;line-height:1.55;font-size:14px}
.qo-team-profile{display:inline-flex;align-items:center;gap:5px;margin-right:12px;white-space:nowrap;vertical-align:middle}
.qo-team-profile:last-child{margin-right:0}
.qo-team-profile .q-pmark{flex:none;width:18px;height:18px}
.qo-team-profile a{color:inherit;text-decoration:none}
.qo-team-profile a:hover{text-decoration:underline}
.qo-team-profile[data-state="trouble"],.qo-team-state[data-state="trouble"]{color:var(--o-red)}
.qo-team-profile:is([data-state="paused"],[data-state="stopped"]),.qo-team-state:is([data-state="paused"],[data-state="stopped"]){color:var(--qo-team-amber)}
.qo-team-profile:is([data-state="not_connected"],[data-state="unknown"]){color:var(--o-dim)}
.qo-team-state{color:var(--o-dim);font:700 21px/1 var(--o-display)}
.qo-team-state[data-state="posting"]{color:var(--o-green)}

/* One member opened: the profile, EARNINGS in both windows, MONEY IN, LIVE and THEIR INVITES. */
.qo-member{display:grid;grid-template-columns:minmax(0,416fr) minmax(0,519fr) minmax(0,257fr);grid-template-rows:auto minmax(0,1fr);gap:12px}
.qo-member>.qo-panel{padding:4px 8px 12px}
.qo-member h2{font-size:clamp(36px,4vw,60px);line-height:1;margin:6px 0 14px}
.qo-member-profile{grid-column:1;grid-row:1/3;display:flex;flex-direction:column}
.qo-member-profile>h2{text-transform:uppercase}
.qo-member-earnings{grid-column:2/4;grid-row:1;container-type:inline-size}
.qo-member-money{grid-column:2;grid-row:2}
.qo-member-invites-panel{grid-column:3;grid-row:2}
.qo-member .qo-member-invites-panel>h2{font-size:clamp(30px,3.2vw,48px);margin-bottom:12px}
.qo-member-id{display:grid;grid-template-columns:128px minmax(0,1fr);gap:14px;align-items:start;margin-bottom:12px}
.qo-member .qo-member-face{width:128px;height:150px;border-radius:0;border:solid transparent;border-width:12px;border-image:url(/runtime/quit/deck-art/bay.webp) 44 50 fill/12px stretch;background:#0e1a15;box-shadow:none}
.qo-member .qo-member-face::before{inset:26px 22px 14px}
.qo-member-tag{display:inline-block;margin-bottom:10px!important;padding:7px 8px 8px;border:2px solid var(--o-green);color:var(--o-green);font:700 19px/1.1 var(--o-display)}
.qo-member-tags>p:not(.qo-member-tag){font-size:20px}
.qo-member-facts{margin:10px 0 0}
.qo-member-facts>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;padding:11px 0;border-top:1px solid var(--o-line)}
.qo-member-facts dt{color:var(--o-green);font:700 26px/1 var(--o-display)}
.qo-member-facts dd{margin:0;font-size:20px}
.qo-member-facts dd[data-status]{font:700 26px/1 var(--o-display)}
.qo-member-facts dd[data-status="active"]{color:var(--o-green)}
.qo-member-facts dd:is([data-status="rejected"],[data-status="closed"]){color:var(--o-red)}
.qo-member-profile h3{margin:14px 0 6px;font-size:28px}
.qo-member-accounts li{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:76px;padding:10px 0;border-top:1px solid var(--o-line)}
.qo-member-accounts li:last-child{border-bottom:1px solid var(--o-line)}
.qo-member-net{min-width:0;font-size:20px;line-height:1.3}
.qo-member-net strong{display:block;margin-bottom:2px;color:var(--qo-team-pale);font:700 25px/1.1 var(--o-display)}
.qo-member-net a{color:inherit;text-decoration:none}
.qo-member-net a:hover{text-decoration:underline}
.qo-member-accounts .qo-team-state{flex:none;font-size:25px}
.qo-member-accounts .qo-team-state::before{content:"";display:inline-block;width:20px;height:20px;margin:0 14px -2px 0;background:currentColor}
.qo-member-back{margin-top:auto!important;align-self:stretch;min-height:50px;font-size:18px}
.qo-member-profile>.qo-member-back{margin-top:16px}
.qo-member-earn{width:100%;border-collapse:collapse;table-layout:fixed;font-size:21px;overflow-wrap:normal}
.qo-member-earn thead th{padding:0 0 8px 16px;color:var(--o-green);font:700 27px/1 var(--o-display);text-align:right;white-space:nowrap}
.qo-member-earn tbody tr{border-top:1px solid var(--o-line)}
.qo-member-earn tr>:first-child{width:18%}
.qo-member-earn tr>:not(:first-child){width:41%}
.qo-member-earn tbody th{padding:9px 0;color:var(--o-green);font:700 27px/1 var(--o-display);text-align:left}
.qo-member-earn td{padding:9px 0 9px 16px;text-align:right}
.qo-member-earn tr.qo-earned td{color:var(--o-green)}
.qo-member-earn tr.qo-member-big td{color:var(--o-green);font:700 min(40px,5.5cqi)/1 var(--o-display);overflow-wrap:anywhere}
.qo-member-earn tr.qo-member-big td small{font:400 15px var(--o-body)}
/* MONEY IN, LIVE: the window shows whole rows only (the comp's four), each row a fixed 53px with its rule, and a
   scroll always comes to rest on a row's top. Columns at the comp's spacing: time, a fan, the buy, then what you got. */
.qo-member-ledger{--qo-ledger-row:53px;--qo-ledger-rows:4;box-sizing:content-box;max-height:calc(var(--qo-ledger-row) * var(--qo-ledger-rows));overflow:auto;border-top:1px solid var(--o-line);scroll-snap-type:y mandatory;scrollbar-width:thin;scrollbar-color:var(--o-line) transparent}
.qo-member-ledger li{display:grid;grid-template-columns:max-content max-content minmax(0,1fr) auto;column-gap:27px;align-items:center;height:var(--qo-ledger-row);border-bottom:1px solid var(--o-line);font-size:15px;line-height:1.3;white-space:nowrap;scroll-snap-align:start}
.qo-member-ledger li>.qo-earned{text-align:right}
.qo-member-money .qo-key,.qo-member .qo-empty+.qo-key{min-height:46px}
.qo-member-invites{display:grid;gap:10px;max-height:300px;overflow:auto}
.qo-member-invites .qo-node{min-height:86px}
.qo-member-count{font:700 56px/1 var(--o-display);color:var(--qo-team-pale);padding:6px 0}
.qo-member .qo-muted{color:var(--o-dim);font-size:14px;margin-top:8px}

/* 761 to 1150: one column. The network, INVITE A CREATOR, WHAT YOU EARN and YOUR TEAM each span the screen. One
   member: the profile, EARNINGS, THEIR INVITES, then MONEY IN, LIVE, as on a phone (two columns would leave the
   profile too narrow for its words). */
@media(max-width:1150px) and (min-width:761px){
 .qo-team{grid-template-columns:minmax(0,1fr)}
 .qo-team .qo-network,.qo-team-side,.qo-team-members{grid-column:1;grid-row:auto}
 .qo-team-side{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
 .qo-team-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
 .qo-team-top h2,.qo-team-bracket{position:static}
 .qo-team-bracket{width:auto;padding:0 0 4px}
 .qo-team-bracket::before{display:none}
 .qo-member{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
 .qo-member-profile{grid-column:1;grid-row:1}.qo-member-earnings{grid-column:1;grid-row:2}.qo-member-invites-panel{grid-column:1;grid-row:3}.qo-member-money{grid-column:1;grid-row:4}
}
@media(max-width:760px){
 .qo-team>.qo-panel,.qo-team-side>.qo-panel,.qo-member>.qo-panel{padding:4px 8px 10px}
 .qo-team h2,.qo-member h2,.qo-member .qo-member-invites-panel>h2{font-size:32px;margin-bottom:12px}
 .qo-team-side{display:flex;flex-direction:column;gap:8px}
 /* the tree as a list: each creator under you, the creators they brought in under them; each plate in three lines */
 .qo-team .qo-tree{display:flex;flex-direction:column;gap:8px;position:relative}
 .qo-team .qo-tree::before{content:"";position:absolute;left:12px;top:46px;bottom:34px;border-left:3px solid var(--o-green)}
 .qo-tree-band{display:none}
 .qo-team .qo-tree-root{width:100%;font-size:18px}
 .qo-team .qo-tree .qo-node{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;margin:0 0 0 28px;padding:6px 8px 8px;text-align:left}
 .qo-team .qo-tree .qo-node--kid{margin-left:56px}
 .qo-team .qo-tree .qo-node::before{content:"";position:absolute;left:-24px;top:50%;width:16px;border-top:3px solid var(--o-green)}
 .qo-team .qo-tree .qo-node--kid::before{left:-52px;width:44px}
 .qo-team .qo-tree .qo-node>*{grid-column:1/-1}
 .qo-team .qo-tree .qo-node>strong{grid-column:1;grid-row:1}
 .qo-team .qo-tree .qo-node>span:nth-of-type(2){grid-column:2;grid-row:1;align-self:center;text-align:right}
 .qo-tree-more{text-align:left}
 /* WHAT YOU EARN: each line, then its three figures */
 .qo-team-earnings>h2{padding-right:0}
 .qo-team-earnings>.qo-team-switch{position:static;display:flex;margin:-2px 0 8px}
 .qo-team-earn thead{display:none}
 .qo-team-earn,.qo-team-earn tbody{display:block}
 .qo-team-earn tbody tr{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,1.3fr);gap:6px 10px;padding:9px 0}
 .qo-team-earn tbody th{grid-column:1/-1;padding:0;white-space:normal}
 .qo-team-earn tbody th span{display:inline}
 .qo-team-earn tbody th span+span::before{content:" "}
 .qo-team-earn td{display:block;padding:0;text-align:left;font-size:16px}
 .qo-team-earn td:empty{visibility:hidden}
 .qo-team-earn td[data-label]::before,.qo-team-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--o-green);font:700 14px/1 var(--o-display)}
 .qo-team-invite-keys .qo-key,.qo-team-invite-keys .qo-copy .qo-key{font-size:17px}
 /* the creator's own link whole in the field at 390 (a longer door scrolls inside it; COPY copies all of it) */
 .qo .qo-team-invite-keys .qo-copy input:not([type="checkbox"]){font-size:14px;padding:5px 8px}
 /* YOUR TEAM: one card per creator; the heads become the sort keys */
 .qo-team-members{padding-top:4px!important}
 .qo-team-scroll{max-height:none;overflow:visible}
 .qo-team-table,.qo-team-table thead,.qo-team-table tbody{display:block}
 .qo-team-table colgroup{display:none}
 /* the cards scroll in their own window under the sort keys, so a big team stays one screen tall and the keys stay in reach */
 .qo-team-table tbody{max-height:min(68vh,580px);max-height:min(68svh,580px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--o-line) transparent}
 .qo-team-table thead th{position:static;background:none}
 .qo-team-top{display:flex;flex-direction:column;align-items:center;height:auto;margin-bottom:8px}
 .qo-team-top h2{position:static;align-self:stretch;margin:0 0 10px}
 .qo-team-bracket{position:static;width:auto;padding:0}
 .qo-team-bracket::before{display:none}
 .qo-team-heads{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
 .qo-team-heads th,.qo-team-heads th:first-child{display:block;width:auto;padding:0;border:0;font-size:15px}
 .qo-team-heads .qo-team-col-profiles{display:none}
 .qo-team-heads button{min-height:40px;padding:6px 10px;border:1px solid var(--o-line);background:#001a0d}
 .qo-team-heads [aria-sort]:not([aria-sort="none"]) button{border-color:var(--o-orange)}
 .qo-team-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"who who" "prof prof" "level joined" "buyers sales" "earned paid";gap:8px 12px;margin-bottom:10px;padding:12px;border:1px solid var(--o-line);background:#00140a}
 .qo-team-table[data-sort="tree"] tbody tr[data-level="3"]{margin-left:22px;border-left:3px solid var(--o-green)}
 .qo-team-table td{display:block;padding:0;border:0;text-align:left;white-space:normal}
 .qo-team-table tbody tr:hover td,.qo-team-table tbody tr:focus-within td{background:none;box-shadow:none!important}
 .qo-team-table tbody tr:hover,.qo-team-table tbody tr:focus-within{outline:2px solid var(--o-green);outline-offset:-2px}
 .qo-team-table[data-sort="tree"] tr[data-level="3"] .qo-team-who{padding-left:0}
 .qo-team-table .qo-team-who::before,.qo-team-table .qo-team-who::after{display:none}
 .qo-team-who{grid-area:who;display:flex!important;align-items:center;padding-right:96px!important;font-size:17px}
 .qo-team-who .qo-team-face{margin-left:0}
 .qo-team-table td:nth-child(2){grid-area:level}
 .qo-team-table td.qo-team-profiles{grid-area:prof}
 .qo-team-table td:nth-child(4){grid-area:joined}
 .qo-team-table td:nth-child(5){grid-area:buyers}
 .qo-team-table td:nth-child(6){grid-area:sales}
 .qo-team-table td:nth-child(7){grid-area:earned}
 .qo-team-table td:nth-child(8){grid-area:paid}
 .qo-team-table td.qo-team-statecell{grid-area:who;align-self:center;justify-self:end;text-align:right}
 .qo-team-table td[data-label]{font-size:16px}
 /* one member: the way back first, then the panels stacked, THEIR INVITES before the longer MONEY IN, LIVE */
 .qo-member{display:flex;flex-direction:column;gap:8px}
 .qo-member-profile>.qo-member-back{order:-1;margin:4px 0 12px!important}
 .qo-member-invites-panel{order:3}.qo-member-money{order:4}
 .qo-member-id{grid-template-columns:96px minmax(0,1fr);gap:12px}
 .qo-member .qo-member-face{width:96px;height:110px}
 .qo-member .qo-member-face::before{inset:18px 16px 10px}
 .qo-member-tag{font-size:14px}
 .qo-member-tags>p:not(.qo-member-tag){font-size:17px}
 .qo-member-facts dt,.qo-member-facts dd[data-status]{font-size:18px}
 .qo-member-facts dd{font-size:16px}
 .qo-member-accounts li{min-height:64px}
 .qo-member-net{font-size:17px}.qo-member-net strong{font-size:18px}
 .qo-member-accounts .qo-team-state{font-size:18px}
 /* EARNINGS: each row's label, then THIS MONTH and 30 DAYS side by side */
 .qo-member-earn,.qo-member-earn tbody{display:block;font-size:17px}
 .qo-member-earn thead{display:none}
 .qo-member .qo-member-earn tr>*{width:auto}
 .qo-member-earn tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;padding:9px 0}
 .qo-member-earn tbody th{grid-column:1/-1;width:auto;padding:0;font-size:19px}
 .qo-member-earn td{display:block;width:auto;padding:0;text-align:left}
 .qo-member-earn td[data-label]::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--qo-team-dim);font:700 14px/1 var(--o-display)}
 .qo-member-earn tr.qo-member-big td{font-size:26px}
 .qo-member-ledger{--qo-ledger-row:62px;--qo-ledger-rows:6}
 .qo-member-ledger li{grid-template-columns:48px minmax(0,1fr) auto;grid-template-areas:"t f p" "t b b";align-content:center;gap:2px 10px;font-size:15px;padding:0;white-space:nowrap}
 .qo-member-ledger li>time{grid-area:t}.qo-member-ledger li>span:nth-child(2){grid-area:f}.qo-member-ledger li>span:nth-child(3){grid-area:b}.qo-member-ledger li>span:nth-child(4){grid-area:p}
 .qo-member-invites{max-height:none}
}