/* =====================================================
   Partner Portal Redesign — CSS Overrides
   Loaded after portal-style.css. Uses !important where
   existing rules use it or specificity is insufficient.
   ===================================================== */

/* --- Navbar: white → blue --- */
.navbar {
    background-color: #2F86DD !important;
}

.navbar-nav .nav-link {
    color: #FFFFFF !important;
    border-radius: 4px;
    padding: 4px 16px !important;
    transition: background-color 0.15s ease;
}

.navbar-nav .nav-link:hover {
    color: #FFFFFF !important;
    background-color: #1E6DBB;
}

.navbar-collapse .navbar-nav .nav-link.active {
    color: #2F86DD !important;
    font-weight: 500;
    background-color: #FFFFFF;
    border-radius: 4px;
}

/* Dropdown toggle (username) */
#navbarDropdownMenuLink {
    color: #FFFFFF !important;
}

/* Avatar initials circle — keep existing but ensure visibility on blue */
.avatar-initials {
    background-color: #C0DAF5 !important;
    color: #343A40 !important;
}

/* --- Two-column layout wrapper --- */
.portal-layout {
    min-height: calc(100vh - 62px);
}

.portal-sidebar {
    position: fixed;
    top: 62px;
    left: 0;
    width: 276px;
    height: calc(100vh - 62px);
    overflow-y: auto;
    background-color: #FFFFFF;
    border-right: 1px solid #E4E6EF;
    z-index: 10;
}

.portal-main--with-sidebar {
    margin-left: 276px;
}

.portal-main {
    min-width: 0;
}

/* --- Sidebar: Introduction nav section --- */
.sidebar-intro {
    padding: 8px 12px;
    border-bottom: 1px solid #E4E6EF;
}

.sidebar-section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #1E6DBB;
    cursor: pointer;
}

.sidebar-nav-pill {
    display: block;
    padding: 8px 32px;
    border-radius: 4px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.14px;
    color: #343A40;
    text-decoration: none;
}

.sidebar-nav-pill:hover {
    background-color: #F8F9FA;
    color: #343A40 !important;
    text-decoration: none;
}

.sidebar-nav-pill.active {
    background-color: #F8F9FA;
    color: #1561AD !important;
    font-weight: 500;
    text-decoration: none;
}

/* --- Sidebar: API steps section --- */
.sidebar-api-steps {
    padding: 8px 12px;
}

.sidebar-api-header {
    padding: 8px 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #343A40;
}