/* 
 * Modern Affiliate Dashboard Plugin Admin Styles
 * 
 * This file contains all the CSS styles for the admin portion of the plugin
 */

/* Admin statistics grid layout */
.affiliate-admin-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin: 20px 0;
}

/* Stat card styling */
.stat-card {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.stat-card h3 {
    margin: 0 0 10px;
    color: #23282d;
}
.stat-card p {
    margin: 0;
    font-size: 24px;
    font-weight: bold;
    color: #2271b1;
}

/* Admin table styling */
.affiliate-admin-table-wrapper {
    margin-top: 20px;
}
.affiliate-detail-content {
    padding: 20px;
    background: #f8f9fa;
    border-radius: 4px;
}
.affiliate-detail-content h3 {
    margin-top: 0;
}
.affiliate-details td {
    padding: 0;
}

/* Form section styling */
.form-section {
  
    border-bottom: 1px solid #eee;
}
.form-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.form-section h4 {
    color: #333;
    margin-bottom: 20px;
}
.form-section h4 i {
    margin-right: 10px;
    color: #0073aa;
}

/* PayPal email styling */
.paypal-email {
    color: #0073aa;
}
.paypal-email i {
    color: #00457C;
    margin-right: 5px;
}
.no-paypal {
    color: #dc3232;
}
.no-paypal i {
    margin-right: 5px;
}

/* Admin dashboard specific styles */
.affiliate-admin-table-wrapper .paypal-email,
.affiliate-admin-table-wrapper .no-paypal {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 13px;
}
.affiliate-admin-table-wrapper .paypal-email {
    background: #f3f9ff;
}
.affiliate-admin-table-wrapper .no-paypal {
    background: #fff5f5;
}