/* Client Dashboard uses the shared SaaS dashboard CSS from vendor-dashboard.css */
/* This file is kept for any client-specific overrides */

.sd-client-dash .sd-saas-sidebar {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
}

/* Apply same client sidebar style inside Woo My Account wrapper */
.sd-client-wc-account .sd-saas-sidebar,
.sd-wc-vendor-account-wrap .sd-saas-sidebar {
    background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
}

/* Strong active state for client tabs (background + text color) */
.sd-client-dash .sd-nav-item.active,
.sd-client-wc-account .sd-nav-item.active,
.sd-wc-vendor-account-wrap .sd-nav-item.active {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.28) 0%, rgba(59, 130, 246, 0.16) 100%) !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.45);
}

.sd-client-dash .sd-nav-item.active .dashicons,
.sd-client-wc-account .sd-nav-item.active .dashicons,
.sd-wc-vendor-account-wrap .sd-nav-item.active .dashicons {
    color: #bfdbfe;
}

/* Clearer hover state across sidebar menu */
.sd-client-dash .sd-nav-item:hover,
.sd-client-wc-account .sd-nav-item:hover,
.sd-wc-vendor-account-wrap .sd-nav-item:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8fafc !important;
    transform: translateX(2px);
}

.sd-client-dash .sd-nav-item:hover .dashicons,
.sd-client-wc-account .sd-nav-item:hover .dashicons,
.sd-wc-vendor-account-wrap .sd-nav-item:hover .dashicons {
    color: #e2e8f0;
}

/* Keep active state dominant while hovering current tab */
.sd-client-dash .sd-nav-item.active:hover,
.sd-client-wc-account .sd-nav-item.active:hover,
.sd-wc-vendor-account-wrap .sd-nav-item.active:hover {
    background: linear-gradient(90deg, rgba(59, 130, 246, 0.36) 0%, rgba(59, 130, 246, 0.2) 100%) !important;
    color: #ffffff !important;
    transform: none;
}

.sd-assigned-provider {
    margin-top: 12px;
    padding: 12px 14px;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 10px;
    font-size: 13px;
    color: #1e3a5f;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sd-assigned-provider strong {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #1d4ed8;
}

.sd-assigned-provider .sd-provider-email,
.sd-assigned-provider .sd-provider-phone {
    font-size: 12px;
    color: #475569;
}