/* ── Collapsible Sidebar Rail — Sprint 20 ── */

.sidebar-collapse-btn {
    background: none;
    border: none;
    color: var(--sidebar-text);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: none; /* shown on desktop */
    align-items: center;
    justify-content: center;
}
.sidebar-collapse-btn:hover { background: rgba(103, 97, 250, 0.15); color: #fff; }

@media (min-width: 769px) {
    .sidebar-collapse-btn { display: inline-flex; }

    body.sidebar-collapsed {
        --sidebar-width: 68px;
    }
    body.sidebar-collapsed .sidebar-title,
    body.sidebar-collapsed .sidebar-nav li a span,
    body.sidebar-collapsed .sidebar-section-label,
    body.sidebar-collapsed .user-info {
        display: none;
    }
    body.sidebar-collapsed .sidebar-nav li a {
        justify-content: center;
        padding: 10px 0;
    }
    body.sidebar-collapsed .sidebar-header {
        justify-content: center;
        padding: 16px 8px;
    }
    body.sidebar-collapsed .sidebar-logo { gap: 0; }
    body.sidebar-collapsed .sidebar-footer {
        flex-direction: column;
        gap: 8px;
        padding: 12px 8px;
    }
    /* Hide the "New" count pill text when collapsed, keep a dot */
    body.sidebar-collapsed .nav-new-pill { display: none; }
    .main-content { transition: margin-left 0.2s ease; }
}

/* "New" count pill in the sidebar nav */
.nav-new-pill {
    margin-left: auto;
    background: var(--brand-accent, #F5A623);
    color: #1d0f65;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 7px;
    border-radius: 10px;
    line-height: 1.4;
}

@media (prefers-reduced-motion: reduce) {
    .main-content, .sidebar { transition: none !important; }
}