/* CSGO Matchmaking — affiliate dashboard */
.af-pane{display:block;padding-top:4px}
.af-stats dd small,.af-stats small{display:block;font-size:12px;color:var(--muted);margin-top:4px;font-family:var(--body);font-weight:400}
.af-stats-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.grid-ins{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;margin-top:12px}
.stack{display:grid;gap:18px}
.stack dt{font-size:12px;color:var(--muted)}.stack dd{font:800 32px/1.1 var(--display);margin-top:4px}.stack small{font-size:12px;color:var(--muted)}

/* single-series bar chart: one hue, 2px gaps, rounded data-ends on the baseline, recessive axis */
.tile{position:relative}
.clk{display:grid;grid-template-columns:28px 1fr;grid-template-rows:180px auto;gap:6px 8px;margin-top:6px}
.clk-y{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:var(--dim);text-align:right}
.clk-plot{display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid var(--line-hi);background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/100% 50%}
.clk-bar{flex:1;height:100%;display:flex;align-items:flex-end;padding:0;min-width:0}
.clk-bar i{display:block;width:100%;height:var(--h);min-height:2px;background:var(--blue);border-radius:4px 4px 0 0}
.clk-bar:hover i,.clk-bar:focus-visible i{background:var(--ice)}
.clk-bar:focus-visible{outline:none}
.clk-x{grid-column:2;display:flex;justify-content:space-between;font-size:11px;color:var(--dim)}
.tip{position:absolute;top:58px;width:110px;padding:8px 10px;border:1px solid var(--line-hi);border-radius:var(--r-sm);background:#000;font-size:13px;pointer-events:none;text-align:center}
.tip b{font-weight:700}.tip span{color:var(--muted);font-size:12px}
table.sr{position:absolute}

.funnel{list-style:none;display:grid;gap:10px}
.funnel li{display:grid;grid-template-columns:120px 1fr 56px;gap:10px;align-items:center;font-size:14px}
.funnel i{display:block;height:10px;background:var(--blue);border-radius:0 4px 4px 0}
.funnel b{text-align:right;font-weight:600}
.ref-list{list-style:none;display:grid;gap:8px}
.ref-list li{display:grid;grid-template-columns:140px 1fr auto auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.ref-list li:first-child{border-top:0}
.ref-list span{color:var(--muted);font-size:13px}.ref-list em{font-style:normal;font-weight:700}.ref-list small{color:var(--ice);font-size:12px}
.video-ph{aspect-ratio:9/16;max-height:360px;margin:6px auto 12px;border:1px dashed var(--line-hi);border-radius:var(--r-md);display:grid;place-items:center;color:var(--muted);font-size:14px;background:radial-gradient(circle at 50% 40%,rgba(47,123,255,.15),transparent 70%)}
.downloads{list-style:none;display:grid;gap:0}
.downloads li{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}
.downloads li:first-child{border-top:0}
.downloads b{display:block;font-weight:600;font-size:14px}.downloads span{font-size:13px;color:var(--muted)}
.downloads .btn{height:34px;font-size:13px;flex:none}
.methods-list{list-style:none;display:grid;gap:8px;margin-top:12px}
.methods-list li{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:14px}
.methods-list span{color:var(--muted)}
#af-perks h3{display:flex;justify-content:space-between;align-items:center;gap:10px}
td small{display:block;font-size:12px;color:var(--muted)}

@media (max-width:1100px){.af-stats-6{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-ins{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){
  .af-stats-6,.af-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ref-list li{grid-template-columns:1fr auto}.ref-list span{grid-column:1/-1;order:3}
  .funnel li{grid-template-columns:96px 1fr 44px}
  .downloads li{flex-direction:column;align-items:flex-start}
}
.utabs{overflow-x:auto;scrollbar-width:none}
.utabs [role=tab]{white-space:nowrap;flex:none}
.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed}