/* Layout & cards */
.saa-dashboard { max-width: 960px; margin: 20px auto; background:#fff; padding:20px; border:1px solid #eee; border-radius:12px; }
.saa-cards { display:grid; grid-template-columns: repeat(3,1fr); gap:12px; margin-bottom:16px; }
.saa-card { background:#f8fff1; border:1px solid #e2f3c6; border-radius:12px; padding:16px; text-align:center; }
.saa-card .v { font-size:24px; font-weight:700; margin-top:6px; }

/* Boxes */
.saa-box { background:#f6f9ff; border:1px solid #dbe6ff; border-radius:12px; padding:16px; margin-top:16px; }
.saa-box h3 { margin:0 0 10px; }

/* Referral input + copy */
.saa-ref { width:100%; padding:10px; font-size:14px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; }
.saa-copy { margin-top:8px; padding:8px 14px; border-radius:8px; border:1px solid #cbd5e1; background:#fff; cursor:pointer; transition:transform .05s ease; }
.saa-copy:active { transform:scale(.98); }

/* Registration form */
.saa-registration { max-width:600px; margin:20px auto; background:#fff; padding:20px; border:1px solid #eee; border-radius:12px; }
.saa-registration label { display:block; margin-top:10px; font-weight:600; }
.saa-registration input, .saa-registration select { width:100%; padding:10px; border:1px solid #cbd5e1; border-radius:8px; background:#fff; }
.saa-registration button { margin-top:10px; padding:10px 16px; border-radius:10px; border:1px solid #cbd5e1; background:#fff; cursor:pointer; }

/* Table (Recent commissions) */
.saa-table-wrap { overflow-x:auto; }
.saa-table { width:100%; border-collapse:collapse; background:#fff; border:1px solid #e5e7eb; border-radius:12px; }
.saa-table th, .saa-table td { padding:10px 12px; border-bottom:1px solid #e5e7eb; text-align:left; }
.saa-table thead th { background:#f9fafb; font-weight:600; }
.saa-table tbody tr:hover { background:#fafafa; }
.saa-table a { text-decoration:none; }

/* Status badges */
.saa-badge { display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px; border:1px solid #e5e7eb; }
.saa-badge.saa-pending { background:#fff7ed; border-color:#fed7aa; }
.saa-badge.saa-paid { background:#ecfdf5; border-color:#bbf7d0; }

/* Alerts (success/error blocks used in registration messages) */
.saa-alert { padding:10px 12px; border-radius:10px; border:1px solid #e5e7eb; background:#f8fff1; }
.saa-alert.error { background:#fff1f2; border-color:#fecdd3; }

/* Responsive */
@media (max-width: 640px) {
  .saa-cards { grid-template-columns: 1fr; }
  .saa-dashboard { padding:14px; }
  .saa-card .v { font-size:20px; }
}