/* ─── REW Frontend Styles ─── */

/* Wallet widget on dashboard */
.rew-wallet-widget {
    background: linear-gradient(135deg, #1a73e8 0%, #0d47a1 100%);
    color: #fff;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    display: inline-flex;
    flex-direction: column;
    gap: 8px;
    min-width: 220px;
}
.rew-wallet-widget h3 { margin: 0; color: rgba(255,255,255,.85); font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
.rew-wallet-widget .rew-balance { font-size: 32px; font-weight: 700; }
.rew-wallet-widget .button { background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.4); color: #fff; border-radius: 6px; }
.rew-wallet-widget .button:hover { background: rgba(255,255,255,.35); }

/* Wallet page */
.rew-balance-card {
    background: linear-gradient(135deg, #1a73e8, #0d47a1);
    color: #fff;
    border-radius: 12px;
    padding: 32px;
    margin-bottom: 32px;
    text-align: center;
}
.rew-balance-label { display: block; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; opacity: .8; margin-bottom: 8px; }
.rew-balance-amount { font-size: 42px; font-weight: 800; display: block; margin-bottom: 12px; }
.rew-balance-note { font-size: 13px; opacity: .75; margin: 0; }

.rew-type-credit { color: #0f5132; font-weight: 600; }
.rew-type-debit  { color: #842029; font-weight: 600; }

/* Return/Exchange request form */
.rew-request-form {
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #e0e0e0;
}
.rew-tabs { display: flex; gap: 8px; margin-bottom: 20px; }
.rew-tab-btn {
    padding: 8px 20px;
    border: 2px solid #1a73e8;
    background: transparent;
    color: #1a73e8;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    transition: all .2s;
}
.rew-tab-btn.active,
.rew-tab-btn:hover { background: #1a73e8; color: #fff; }

.rew-item-check { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.rew-item-check input[type="checkbox"] { margin: 0; }

.rew-response {
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 16px;
    font-weight: 500;
}
.rew-response.success { background: #d1e7dd; color: #0f5132; border: 1px solid #a3cfbb; }
.rew-response.error   { background: #f8d7da; color: #842029; border: 1px solid #f1aeb5; }

.rew-notice { padding: 12px 16px; background: #fff3cd; color: #664d03; border-radius: 6px; border: 1px solid #ffc107; margin-top: 16px; }

.rew-submit-btn { margin-top: 12px; }

/* Badges on requests page */
.rew-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}
.rew-badge-return   { background: #e8f4fd; color: #1a73e8; }
.rew-badge-exchange { background: #fef3e2; color: #e67e00; }
.rew-badge-status-pending   { background: #fff3cd; color: #856404; }
.rew-badge-status-approved  { background: #d1e7dd; color: #0f5132; }
.rew-badge-status-rejected  { background: #f8d7da; color: #842029; }
.rew-badge-status-completed { background: #cff4fc; color: #055160; }

/* Checkout balance notice */
.rew-checkout-balance-notice {
    background: #e8f4fd;
    border-left: 4px solid #1a73e8;
    padding: 10px 16px;
    border-radius: 4px;
    margin-bottom: 16px;
    font-size: 14px;
}