/* Sponsor results portal */
.sp-main{padding-bottom:48px}
.sp-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:28px 0 18px}
.sp-id{display:flex;gap:14px;align-items:center}
.sp-sw{width:52px;height:52px;border-radius:12px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.sp-pick{min-width:220px}
.sp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}
.sp-kpi{border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;background:var(--page)}
.sp-kpi b{font:900 36px/1 var(--f-d)}
.sp-kpi small{font-size:13px}
.sp-sec{margin-top:18px}
.sp-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:820px){.sp-two{grid-template-columns:1fr}}
.sp-legend{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.sp-legend .i{width:14px;height:10px;border-radius:2px;background:var(--brand);opacity:.35;border-top:2px solid var(--brand)}
.sp-legend .c{width:14px;height:0;border-top:2.5px solid var(--gold);margin-left:10px}
.sp-chart{margin-top:10px}
.sp-chart svg{width:100%;height:auto;display:block;font:600 11px var(--f-m);fill:var(--muted)}
.sp-chart .g{stroke:var(--line);stroke-width:1}
.sp-chart .ia{fill:var(--brand);opacity:.14}
.sp-chart .il{fill:none;stroke:var(--brand);stroke-width:2;stroke-linejoin:round}
.sp-chart .cl{fill:none;stroke:var(--gold);stroke-width:2.5;stroke-linejoin:round}
.sp-chart rect:hover{fill:rgba(20,28,36,.05)}
.sp-st{display:inline-block;font:700 10px/1 var(--f-m);letter-spacing:.06em;text-transform:uppercase;padding:4px 7px;border-radius:6px;background:var(--chalk2);color:var(--ink2)}
.sp-st.active,.sp-st.paid{background:var(--good-soft);color:var(--good)}
.sp-st.pending{background:var(--gold-soft);color:var(--gold-ink)}
.sp-st.void,.sp-st.ended,.sp-st.cancelled{background:var(--chalk);color:var(--muted)}
.sp-moments{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;max-height:420px;overflow:auto}
.sp-moments li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}
.sp-moments li:last-child{border-bottom:0}
.sp-moments li div{display:flex;flex-direction:column;gap:2px}
.sp-moments small{font-size:12px}
.sp-mdot{width:10px;height:10px;border-radius:2px;background:var(--gold);transform:rotate(45deg);margin-top:6px;flex:none}
.sp-colorpick{width:48px;height:44px;border:1.5px solid var(--line2);border-radius:9px;padding:3px;background:#fff;align-self:flex-end}
.top .tools{gap:10px}
@media (max-width:520px){.top .tools .btn.pri{display:none}}