/* Start custom CSS *//* --- SLICEWP DASHBOARD DARK OVERRIDE --- */

/* 1. Main Container & Background */
.slicewp-dashboard-wrapper {
    background-color: transparent !important; /* Lets your page background show */
    color: #ffffff !important;
    font-family: 'Roboto', sans-serif;
}

/* 2. Stats Cards (Commissions, Visits, etc.) */
.slicewp-card {
    background-color: #1a1a1a !important; /* Dark Card Background */
    border: 1px solid #333 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
    color: #fff !important;
    margin-bottom: 20px !important;
    transition: transform 0.2s ease;
}

/* Add a Neon Glow to the Cards on Hover */
.slicewp-card:hover {
    transform: translateY(-3px);
    border-color: #00ff88 !important; /* Neon border on hover */
    box-shadow: 0 0 15px rgba(0, 255, 136, 0.1) !important;
}

/* Stat Numbers (The big values) */
.slicewp-card-stat-value {
    color: #00ff88 !important; /* Neon Green Text */
    font-size: 2rem !important;
    font-weight: 800 !important;
    text-shadow: 0 0 10px rgba(0, 255, 136, 0.2);
}

/* Stat Labels (Text like "Commissions") */
.slicewp-card-stat-label {
    color: #b0b0b0 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.8rem !important;
}

/* 3. Navigation Tabs (If visible) */
.slicewp-nav-tab {
    color: #888 !important;
    background: transparent !important;
    border-bottom: 2px solid transparent !important;
}

.slicewp-nav-tab.slicewp-active {
    color: #fff !important;
    border-bottom: 2px solid #00ff88 !important; /* Active Tab Neon Underline */
    font-weight: bold;
}

/* 4. Referral URL Input Field */
.slicewp-field-wrapper input[type="text"],
.slicewp-field-wrapper input[type="url"],
.slicewp-field-wrapper select {
    background-color: #0e0e0e !important; /* Very dark background */
    color: #ffffff !important; /* Bright White Text */
    border: 1px solid #444 !important;
    border-radius: 6px !important;
    padding: 12px 15px !important;
    font-family: monospace; /* Coding font looks cool for URLs */
}

/* Input Focus State */
.slicewp-field-wrapper input:focus {
    border-color: #00ff88 !important;
    outline: none !important;
    box-shadow: 0 0 8px rgba(0, 255, 136, 0.2) !important;
}

/* 5. 'Copy Link' & Primary Buttons */
.slicewp-btn-primary, 
.slicewp-btn-copy {
    background-color: #00ff88 !important; /* Neon Green BG */
    color: #000000 !important; /* Black Text for Contrast */
    border: none !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    padding: 10px 24px !important;
    cursor: pointer;
    transition: all 0.3s ease;
}

.slicewp-btn-primary:hover,
.slicewp-btn-copy:hover {
    background-color: #ffffff !important; /* White on hover */
    color: #000 !important;
    box-shadow: 0 0 15px #00ff88 !important; /* Glowing effect */
}

/* 6. Tables (Recent Referrals list) */
.slicewp-table {
    background-color: #1a1a1a !important;
    color: #ccc !important;
    border: 1px solid #333 !important;
}

.slicewp-table th {
    background-color: #111 !important;
    color: #00ff88 !important; /* Neon Headers */
    border-bottom: 1px solid #333 !important;
}

.slicewp-table td {
    border-bottom: 1px solid #2a2a2a !important;
}/* End custom CSS */