/* ============================================================
   sidebar.css — Shared sidebar styles for all tool sidebars
   (Expenses, PTO, Timesheet, Toolbox, Reminders)
   ============================================================ */

.tool-sidebar {
    position: sticky;
    top: 1rem;
}

    .tool-sidebar .card-header {
        background-color: #f8f9fa;
    }

    .tool-sidebar .list-group-item {
        border-left: 0;
        border-right: 0;
    }

        .tool-sidebar .list-group-item:first-child {
            border-top: 0;
        }

        .tool-sidebar .list-group-item:last-child {
            border-bottom: 0;
        }

    .tool-sidebar .list-group-item-action {
        display: flex;
        align-items: center;
        gap: .25rem;
        padding-top: .6rem;
        padding-bottom: .6rem;
    }

        .tool-sidebar .list-group-item-action.active {
            background-color: #1b6ec2;
            color: #fff;
            border-color: #1861ac;
        }

            .tool-sidebar .list-group-item-action.active i {
                color: #fff;
            }

    /* ── Admin link accent ──────────────────────────────────── */
    /* :not(.hidden) ensures PTO's JS-revealed links also get   */
    /* the accent only when visible; other tools never apply    */
    /* .hidden so the rule always fires for them.               */
    .tool-sidebar .tool-admin-link:not(.hidden) {
        border-left: 3px solid #ffc107;
    }

@media (max-width: 991.98px) {
    .tool-sidebar {
        position: static;
        margin-bottom: 1rem;
    }
}