/* Affiliate dashboard layout. Hero, eyebrow and page-hero-bg come from
   style.css. dash-card / stat-val match dashboard.php. Remaining rules cover
   grids, the activity chart and activity rows because the compiled Tailwind
   sheet is purged. */

.dash-card{border-radius:1.25rem;background:rgba(14,17,32,.85);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(8px);transition:border-color .3s}
.dash-card:hover{border-color:rgba(168,85,247,.2)}
.stat-val{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#c4b5fd,#f0abfc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}
.stat-val small{font-size:.85rem;letter-spacing:0;font-weight:700;-webkit-text-fill-color:rgba(255,255,255,.5);color:rgba(255,255,255,.5);background:none}

.afd-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.afd-sub{margin:.35rem 0 0;color:rgba(255,255,255,.55);font-size:.8125rem;line-height:1.6}
.afd-h2{margin:0;font-size:1.125rem;font-weight:700;color:rgba(255,255,255,.92)}
.afd-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(167,139,250,.25);background:rgba(124,58,237,.12);color:#c4b5fd;font-size:.7rem;font-weight:600;white-space:nowrap}

.afd-linkrow{display:flex;align-items:stretch;gap:.75rem;margin-top:1.25rem}
.afd-link{flex:1;min-width:0;padding:.9rem 1rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);background:rgba(8,12,24,.8);color:rgba(255,255,255,.75);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;overflow-wrap:anywhere}

.afd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:1rem;padding:.9rem 1.25rem;font-size:.8125rem;font-weight:700;min-height:46px;text-decoration:none;cursor:pointer;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff}
.afd-btn:disabled{opacity:.55;cursor:not-allowed}
.afd-btn-muted{background:rgba(255,255,255,.06);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.12)}

.afd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0 0 1.5rem}
.afd-stat-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:rgba(255,255,255,.55);font-size:.8125rem}
.afd-icon{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:.65rem;background:rgba(124,58,237,.15);color:#c4b5fd;font-size:.85rem}
.afd-stat-note{margin:.55rem 0 0;font-size:.7rem;color:rgba(196,181,253,.85)}
.afd-stat-muted{color:rgba(255,255,255,.45)}

.afd-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:1.5rem;margin-bottom:1.5rem}
.afd-chart{height:185px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;align-items:end;padding:1.5rem .75rem 0;margin-top:1.25rem;border-bottom:1px solid rgba(255,255,255,.1);background:repeating-linear-gradient(to top,transparent 0,transparent 45px,rgba(255,255,255,.05) 46px)}
.afd-bar{height:var(--height);border-radius:.55rem .55rem 0 0;background:linear-gradient(to top,rgba(124,58,237,.25),rgba(192,132,252,.9));position:relative;min-height:4px}
.afd-bar span{position:absolute;top:-22px;width:100%;text-align:center;font-size:.7rem;color:rgba(255,255,255,.7)}
.afd-axis{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;padding:.75rem;font-size:.65rem;text-align:center;color:rgba(255,255,255,.45)}

.afd-payout{font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin:1.25rem 0 .25rem;color:#fff}
.afd-payout small{font-size:.8rem;color:rgba(255,255,255,.5);font-weight:600}
.afd-progress{height:7px;border-radius:9px;background:rgba(255,255,255,.08);margin:1.15rem 0 .5rem;overflow:hidden}
.afd-progress span{display:block;width:67%;height:100%;background:linear-gradient(90deg,#a78bfa,#e879f9);border-radius:9px}
.afd-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.8125rem;color:rgba(255,255,255,.55)}
.afd-row strong{color:rgba(255,255,255,.9);font-weight:650}
.afd-row:last-of-type{border:0}

.afd-activity{list-style:none;padding:0;margin:1.15rem 0 0}
.afd-activity li{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.06);align-items:center;font-size:.8125rem;margin:0;color:rgba(255,255,255,.6)}
.afd-activity strong{color:#fff;font-weight:600}
.afd-activity small{display:block;margin-top:.3rem;color:rgba(255,255,255,.4);font-size:.7rem}
.afd-clicks-table{width:100%;border-collapse:collapse;color:rgba(255,255,255,.7)}
.afd-clicks-table th{text-align:left;padding:.65rem 0;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.1)}
.afd-clicks-table td{padding:.75rem 0;border-top:1px solid rgba(255,255,255,.06);font-size:.8125rem;vertical-align:top;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afd-status{padding:.35rem .75rem;border-radius:.5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:rgba(124,58,237,.12);color:#c4b5fd;text-align:center}
.afd-status.pending{background:rgba(245,158,11,.12);color:#fbbf24}
.afd-foot{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;color:rgba(255,255,255,.4);font-size:.75rem;line-height:1.7}
.afd-foot a{color:#c4b5fd}

@media (max-width:767px){
  .afd-layout{grid-template-columns:1fr}
  .afd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:639px){
  .afd-stats{grid-template-columns:1fr}
  .afd-panel-head,.afd-linkrow,.afd-foot{flex-direction:column;align-items:stretch}
  .afd-pill,.afd-btn{width:100%}
  .afd-activity li{grid-template-columns:1fr;gap:.6rem}
  .afd-status{width:100%}
  .afd-chart,.afd-axis{gap:.75rem}
  .afd-activity .afd-amount:before{content:'Commission: ';color:rgba(255,255,255,.4)}
  .afd-activity .afd-event:before{content:'Event: ';color:rgba(255,255,255,.4)}
}