/* ==========================================================================
   1. SIDEBAR CONTAINER & USER PROFILE
   ========================================================================== */
.wr-dashboard-sidebar-inner {
    background: #ffffff;
    border-right: 1px solid #e0e0e0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.wr-dashboard-sidebar-user-info {
    padding: 25px 20px;
    background: #f8fafc; /* Very light blue-grey tint to complement #235eb0 */
    border-bottom: 1px solid #eef2f6;
    display: flex;
    align-items: center;
    gap: 15px;
}

.wr-dashboard-sidebar-user-avatar img {
    width: 50px !important;
    height: 50px !important;
    border-radius: 0px !important; 
    border: 2px solid #235eb0;
    object-fit: cover;
}

.wr-user-tag.wr-online {
    font-size: 11px;
    text-transform: uppercase;
    color: #27ae60;
    font-weight: 700;
}

/* ==========================================================================
   2. NAVIGATION & INTERACTION
   ========================================================================== */
.wr-dashboard-sidebar-menu-list li a {
    display: flex;
    align-items: center;
    padding: 12px 25px;
    color: #4b5563; /* Darker grey for better readability */
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    border-left: 4px solid transparent;
}

/* Active & Hover States using your new blue */
.wr-dashboard-sidebar-menu-list li a:hover,
.wr-dashboard-sidebar-menu-list li.wr-active > a,
.wr-dashboard-sidebar-menu-list li.active > a,
.wr-dashboard-sidebar-menu-list li a.active {
    background: #f0f5ff; /* Soft wash of your new blue */
    color: #235eb0;
    border-left: 4px solid #235eb0;
}

.wr-dashboard-sidebar-menu-list li a:hover i,
.wr-dashboard-sidebar-menu-list li.wr-active > a i {
    color: #235eb0;
}

/* ==========================================================================
   3. PRIMARY ACTION (CREATE A GIG)
   ========================================================================== */
.wr-create-gig-btn a {
    background: #235eb0 !important;
    color: #ffffff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    border-radius: 0px !important;
}

.wr-create-gig-btn a:hover {
    background: #1a4685 !important; /* Slightly darker shade for hover depth */
    box-shadow: 0 4px 15px rgba(35, 94, 176, 0.25);
}

/* ==========================================================================
   4. BALANCE & LOGOUT
   ========================================================================== */
.wr-dashboard-sidebar-balance {
    padding: 15px;
    background: #ffffff;
    margin: 10px 20px;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #235eb0; /* Match the menu indicator style */
}

.wr-dashboard-sidebar-balance strong {
    color: #235eb0;
    font-weight: 800;
}

.wr-dashboard-sidebar-logout a {
    color: #dc2626; /* High contrast red */
    font-weight: 700;
    padding: 15px 25px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.wr-dashboard-sidebar-logout a:hover {
    background: #fef2f2;
}