/* WP Affiliate Pro — Frontend Styles */
:root {
    --wpap-primary:  #1e3a5f;
    --wpap-accent:   #2e5c9e;
    --wpap-green:    #1e7e34;
    --wpap-amber:    #856404;
    --wpap-red:      #721c24;
    --wpap-border:   #e2e8f0;
    --wpap-bg:       #f8fafc;
    --wpap-radius:   10px;
}

.wpap-dashboard-wrap, .wpap-register-wrap { max-width: 820px; margin: 0 auto; font-family: inherit; }

/* Notices */
.wpap-notice       { padding: 14px 18px; border-radius: var(--wpap-radius); margin-bottom: 20px; }
.wpap-notice-warning { background:#fff3cd; border-left:4px solid #f59e0b; color:#856404; }
.wpap-notice-error   { background:#fde8e8; border-left:4px solid #e53e3e; color:#721c24; }
.wpap-notice-info    { background:#e8f4fd; border-left:4px solid #3182ce; color:#1a365d; }

/* Stats */
.wpap-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 14px; margin: 24px 0; }
.wpap-stat-card  { background: #fff; border: 1px solid var(--wpap-border); border-radius: var(--wpap-radius); padding: 18px; text-align: center; box-shadow: 0 1px 4px rgba(0,0,0,.05); }
.wpap-stat-card.wpap-stat-green { background: linear-gradient(135deg,#1e7e34,#28a745); color:#fff; border:none; }
.wpap-stat-card.wpap-stat-blue  { background: linear-gradient(135deg,var(--wpap-primary),var(--wpap-accent)); color:#fff; border:none; }
.wpap-stat-card.wpap-stat-amber { background: #fff8e1; border-color:#ffd54f; }
.wpap-stat-num   { display: block; font-size: 26px; font-weight: 700; margin-bottom: 4px; }
.wpap-stat-lbl   { font-size: 12px; opacity: .85; }

/* Boxes */
.wpap-box { background: #fff; border: 1px solid var(--wpap-border); border-radius: var(--wpap-radius); padding: 20px; margin-top: 20px; }
.wpap-box h3 { margin: 0 0 14px; font-size: 17px; color: var(--wpap-primary); }

/* Ref link */
.wpap-ref-box {}
.wpap-ref-row  { display: flex; gap: 8px; margin: 10px 0; }
.wpap-ref-row input { flex: 1; padding: 9px 12px; border: 1px solid var(--wpap-border); border-radius: 6px; font-size: 14px; background: var(--wpap-bg); }
.wpap-ref-code-note { font-size: 13px; color: #666; margin: 0; }

/* Share buttons */
.wpap-share-buttons  { margin: 20px 0; }
.wpap-share-label    { font-weight: 600; margin-bottom: 10px; color: var(--wpap-primary); }
.wpap-share-grid     { display: flex; flex-wrap: wrap; gap: 8px; }
.wpap-share-btn      { display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px; border-radius: 6px; color: #fff !important; font-size: 13px; font-weight: 600; text-decoration: none; transition: opacity .2s; }
.wpap-share-btn:hover { opacity: .85; color: #fff; }

/* Payout box */
.wpap-payout-box {}

/* Buttons */
.wpap-btn { display: inline-block; padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; border: none; text-decoration: none; transition: .2s; }
.wpap-btn-primary   { background: var(--wpap-accent); color: #fff; }
.wpap-btn-primary:hover  { background: var(--wpap-primary); color: #fff; }
.wpap-btn-success   { background: #1e7e34; color: #fff; }
.wpap-btn-success:hover  { background: #145226; color: #fff; }
.wpap-btn-secondary { background: #e2e8f0; color: #333; }
.wpap-btn-copy      { background: var(--wpap-bg); border: 1px solid var(--wpap-border); color: #333; white-space: nowrap; }

/* Forms */
.wpap-form, .wpap-register-wrap form { max-width: 500px; }
.wpap-form-group { margin-bottom: 16px; }
.wpap-form-group label { display: block; font-weight: 600; margin-bottom: 5px; font-size: 14px; }
.wpap-form-group input[type=text], .wpap-form-group select { width: 100%; padding: 9px 12px; border: 1px solid var(--wpap-border); border-radius: 6px; font-size: 14px; }
.wpap-form-group small { color: #888; font-size: 12px; margin-top: 3px; display: block; }
.wpap-textarea { width: 100%; padding: 9px 12px; border: 1px solid var(--wpap-border); border-radius: 6px; font-size: 14px; resize: vertical; }

/* Messages */
.wpap-msg { padding: 12px 16px; border-radius: 6px; margin-bottom: 14px; }
.wpap-msg.success { background: #d4edda; color: #155724; border-left: 4px solid #28a745; }
.wpap-msg.error   { background: #fde8e8; color: #721c24; border-left: 4px solid #e53e3e; }

/* Tables */
.wpap-table-wrap { overflow-x: auto; }
.wpap-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.wpap-table th, .wpap-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--wpap-border); }
.wpap-table th  { background: var(--wpap-bg); font-weight: 600; color: #4a5568; }
.wpap-commission { font-weight: 700; color: var(--wpap-green); }
.wpap-muted { color: #888; font-size: 14px; }

/* Status badges */
.wpap-status { display: inline-block; padding: 2px 10px; border-radius: 10px; font-size: 12px; font-weight: 600; }
.wpap-status-approved, .wpap-status-completed { background: #d4edda; color: #155724; }
.wpap-status-pending, .wpap-status-processing { background: #fff3cd; color: #856404; }
.wpap-status-rejected, .wpap-status-failed    { background: #fde8e8; color: #721c24; }

/* Details toggle */
.wpap-details-toggle { margin-top: 16px; border: 1px solid var(--wpap-border); border-radius: 8px; }
.wpap-details-toggle summary { padding: 12px 16px; font-weight: 600; cursor: pointer; color: var(--wpap-accent); font-size: 14px; }

/* Register page */
.wpap-register-header { text-align: center; margin-bottom: 24px; }
.wpap-register-header h2 { color: var(--wpap-primary); }

@media (max-width: 600px) {
    .wpap-stats-grid { grid-template-columns: 1fr 1fr; }
    .wpap-share-grid { gap: 6px; }
    .wpap-share-btn  { font-size: 12px; padding: 7px 12px; }
    .wpap-ref-row    { flex-direction: column; }
}