/* ==========================================================
   ProTax ERP — Sidebar
========================================================== */

.erp-wrapper .sidebar {
    position: fixed;

    top: 0;
    left: 0;

    width: var(--sidebar-width);
    height: 100vh;

    display: flex;
    flex-direction: column;

    background: var(--erp-sidebar);
    color: var(--erp-white);

    box-shadow: var(--shadow-lg);

    z-index: 1000;

    transition:
        width 0.25s ease,
        left 0.25s ease;

    overflow: hidden;
}


/* ==========================================================
   Logo / ERP Information
========================================================== */

.erp-wrapper .sidebar-logo {
    position: relative;
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    justify-content: center;

    gap: 12px;

    min-height: 96px;

    padding: 16px 20px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

    background: #fff;
}

.erp-wrapper .sidebar-logo img {
    flex: 0 0 auto;

    width: 220px;
    height: 64px;
    max-width: 100%;

    object-fit: contain;
    object-position: center;

    border-radius: 0;
}

.erp-wrapper .sidebar-logo h5 {
    margin: 0;

    color: var(--erp-white);

    font-size: 17px;
    line-height: 1.2;

    font-weight: 700;

    white-space: nowrap;
}

.erp-wrapper .sidebar-logo small {
    display: block;

    margin-top: 3px;

    color: #94A3B8;

    font-size: 10px;
    line-height: 1.3;

    white-space: nowrap;
}


/* ==========================================================
   Scroll Area
========================================================== */

.erp-wrapper .sidebar-scroll {
    flex: 1;

    min-height: 0;

    overflow-x: hidden;
    overflow-y: auto;

    padding: 14px 0 18px;
}

.erp-wrapper .sidebar-scroll::-webkit-scrollbar {
    width: 5px;
}

.erp-wrapper .sidebar-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.erp-wrapper .sidebar-scroll::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.12);

    border-radius: 999px;
}

.erp-wrapper .sidebar-scroll {
    scrollbar-width: thin;

    scrollbar-color:
        rgba(255, 255, 255, 0.12)
        transparent;
}


/* ==========================================================
   Section Heading
========================================================== */

.erp-wrapper .sidebar-heading {
    margin: 20px 22px 9px;

    color: #94A3B8;

    font-size: 10px;
    line-height: 1.3;

    font-weight: 700;

    letter-spacing: 0.09em;

    text-transform: uppercase;
    width:calc(100% - 28px);padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;
}
.erp-wrapper .sidebar-collapse-control{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #dfe7eb;border-radius:8px;background:#fff;color:#395466;cursor:pointer;box-shadow:0 3px 10px rgba(15,23,42,.08)}.erp-wrapper .sidebar-collapse-control:hover{border-color:var(--erp-primary);color:var(--erp-primary)}
.erp-wrapper .sidebar-workspace-switcher{position:relative;flex:0 0 auto}.erp-wrapper .sidebar-workspace-label{width:calc(100% - 24px);border:1px solid rgba(86,225,211,.18);cursor:pointer;text-align:left}.erp-wrapper .workspace-chevron{margin-left:auto;font-size:10px;transition:transform .2s}.erp-wrapper .sidebar-workspace-label[aria-expanded="true"] .workspace-chevron{transform:rotate(180deg)}.erp-wrapper .workspace-switcher-menu{position:absolute;top:calc(100% + 6px);left:12px;right:12px;z-index:20;padding:7px;border:1px solid #dce7e8;border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(2,20,28,.24)}.erp-wrapper .workspace-switcher-menu a,.erp-wrapper .workspace-preview-disabled{display:flex;align-items:center;gap:9px;padding:9px;border-radius:9px;color:#173044;text-decoration:none}.erp-wrapper .workspace-switcher-menu a:hover{background:#edf9f7}.erp-wrapper .workspace-switcher-menu a.active{color:#087f78;background:#e7f7f4}.erp-wrapper .workspace-switcher-menu>a>i,.erp-wrapper .workspace-preview-disabled>i{width:22px;text-align:center}.erp-wrapper .workspace-switcher-menu span,.erp-wrapper .workspace-switcher-menu b,.erp-wrapper .workspace-switcher-menu small{display:block}.erp-wrapper .workspace-switcher-menu span{font-size:10px;font-weight:700}.erp-wrapper .workspace-switcher-menu small{margin-top:1px;color:#71808d;font-size:8px;font-weight:500}.erp-wrapper .workspace-preview-disabled{opacity:.48}
.erp-wrapper .sidebar-section-caption{margin:16px 20px 7px;color:#728590;font-size:9px;font-weight:800;letter-spacing:.1em}.erp-wrapper .sidebar-section-caption+.sidebar-parent{margin-top:0}.erp-wrapper .sidebar-parent{display:grid;grid-template-columns:22px minmax(0,1fr) 16px;align-items:center;gap:10px;width:calc(100% - 20px);min-height:42px;margin:2px 10px;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:#d4dfe3;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.erp-wrapper .sidebar-parent:hover,.erp-wrapper .sidebar-parent.has-active-child{background:rgba(255,255,255,.06);color:#fff}.erp-wrapper .sidebar-parent>i:first-child{font-size:16px;text-align:center}.erp-wrapper .sidebar-parent-chevron{font-size:10px;transition:transform .2s}.erp-wrapper .sidebar-parent[aria-expanded="true"] .sidebar-parent-chevron{transform:rotate(90deg)}.erp-wrapper .sidebar-submenu{margin:2px 0 5px;padding:0 10px 0 26px}.erp-wrapper .sidebar-submenu a{min-height:36px;padding:7px 10px;font-size:11px}.erp-wrapper .sidebar-submenu a i{width:16px;flex-basis:16px;font-size:13px;opacity:.82}.erp-wrapper .sidebar-submenu a span{font-size:11px}.erp-wrapper .sidebar-direct-menu{padding:0 10px}.erp-wrapper .sidebar-action-badge{display:grid;place-items:center;min-width:20px;height:19px;margin-left:auto;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:9px}.erp-wrapper .sidebar-menu[hidden]{display:none}
.erp-wrapper .sidebar-section-caption--scope{margin-top:18px;margin-bottom:4px;color:#6f9798;font-size:8px;letter-spacing:.115em}.erp-wrapper .sidebar-section-caption--scope+.sidebar-parent{min-height:38px;color:#f2fbfb;background:rgba(255,255,255,.035)}

.erp-wrapper .sidebar-workspace-label{display:flex;align-items:center;gap:10px;margin:12px 12px 0;padding:10px 12px;border:1px solid rgba(86,225,211,.18);border-radius:10px;background:linear-gradient(135deg,rgba(7,140,149,.24),rgba(7,140,149,.08));color:#eefcfb}.erp-wrapper .sidebar-workspace-label>i{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(86,225,211,.16);color:#75eadf}.erp-wrapper .sidebar-workspace-label span,.erp-wrapper .sidebar-workspace-label b,.erp-wrapper .sidebar-workspace-label small{display:block;min-width:0}.erp-wrapper .sidebar-workspace-label b{font-size:12px}.erp-wrapper .sidebar-workspace-label small{margin-top:2px;color:#9cc9c6;font-size:9px}

body.erp-visible-admin-bar .erp-wrapper .sidebar {
    top: 32px;
    height: calc(100vh - 32px);
}
.erp-wrapper .sidebar-heading i{font-size:11px;transition:transform .2s ease}.erp-wrapper .sidebar-heading[aria-expanded="false"] i{transform:rotate(-90deg)}.erp-wrapper .sidebar-menu[hidden]{display:none}.erp-wrapper .sidebar-heading:hover{color:#d7e1e8}.erp-wrapper .sidebar-menu a[href$="/logout"]{color:#fca5a5}


/* ==========================================================
   Menu
========================================================== */

.erp-wrapper .sidebar-menu {
    list-style: none;

    margin: 0;
    padding: 0 10px;
}

.erp-wrapper .sidebar-menu li {
    margin: 0 0 4px;
}

.erp-wrapper .sidebar-menu a {
    display: flex;
    align-items: center;

    gap: 12px;

    min-height: 44px;

    padding: 10px 13px;

    border-radius: 10px;

    color: #CBD5E1;

    text-decoration: none;

    font-size: 13px;
    line-height: 1.3;

    font-weight: 500;

    transition:
        background 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease;
}

.erp-wrapper .sidebar-menu a:hover {
    background: rgba(255, 255, 255, 0.06);

    color: var(--erp-white);

    transform: translateX(3px);
}

.erp-wrapper .sidebar-menu a.active {
    background: linear-gradient(135deg, var(--erp-primary), var(--erp-primary-dark));

    color: var(--erp-white);

    box-shadow:
        0 4px 12px rgba(7, 140, 149, 0.26);
}

.erp-wrapper .sidebar-menu a:focus-visible {
    outline: 2px solid #36C0C8;
    outline-offset: 2px;
}

.erp-wrapper .sidebar-menu i {
    flex: 0 0 20px;

    width: 20px;

    color: currentColor;

    font-size: 17px;

    line-height: 1;

    text-align: center;
}

.erp-wrapper .sidebar-menu span {
    min-width: 0;

    overflow: hidden;

    font-size: 13px;

    text-overflow: ellipsis;
    white-space: nowrap;
}


/* ==========================================================
   Footer
========================================================== */

.erp-wrapper .sidebar-footer {
    flex: 0 0 auto;

    padding: 14px 18px;

    border-top: 1px solid rgba(255, 255, 255, 0.08);

    color: #94A3B8;

    font-size: 10px;
    line-height: 1.4;

    text-align: center;
}


/* ==========================================================
   Collapsed Sidebar
========================================================== */

.erp-wrapper .sidebar.collapsed {
    width: var(--sidebar-collapse);
}

.erp-wrapper .sidebar.collapsed .sidebar-logo {
    justify-content: center;

    padding-left: 10px;
    padding-right: 10px;
}

.erp-wrapper .sidebar.collapsed .sidebar-logo h5,
.erp-wrapper .sidebar.collapsed .sidebar-logo small,
.erp-wrapper .sidebar.collapsed .sidebar-workspace-label span,
.erp-wrapper .sidebar.collapsed .sidebar-heading,
.erp-wrapper .sidebar.collapsed .sidebar-menu span,
.erp-wrapper .sidebar.collapsed .sidebar-footer {
    display: none;
}
.erp-wrapper .sidebar.collapsed .sidebar-logo img{width:48px;height:48px;object-fit:contain}.erp-wrapper .sidebar.collapsed .sidebar-collapse-control{right:4px;bottom:4px;width:23px;height:23px}.erp-wrapper .sidebar.collapsed .sidebar-section-caption,.erp-wrapper .sidebar.collapsed .sidebar-parent span,.erp-wrapper .sidebar.collapsed .sidebar-parent-chevron,.erp-wrapper .sidebar.collapsed .sidebar-submenu,.erp-wrapper .sidebar.collapsed .workspace-chevron,.erp-wrapper .sidebar.collapsed .workspace-switcher-menu{display:none!important}.erp-wrapper .sidebar.collapsed .sidebar-parent{display:flex;justify-content:center;width:calc(100% - 18px);margin-left:9px;margin-right:9px;padding:10px}.erp-wrapper .sidebar.collapsed .sidebar-parent>i:first-child{font-size:18px}.erp-wrapper .sidebar.collapsed .sidebar-direct-menu{padding:0 9px}.erp-wrapper .sidebar.collapsed .sidebar-action-badge{display:none}

.erp-wrapper .sidebar.collapsed .sidebar-workspace-label{justify-content:center;margin-left:9px;margin-right:9px;padding:8px}.erp-wrapper .sidebar.collapsed .sidebar-workspace-label>i{width:28px;height:28px}

.erp-wrapper .sidebar.collapsed .sidebar-menu {
    padding-left: 9px;
    padding-right: 9px;
}

.erp-wrapper .sidebar.collapsed .sidebar-menu a {
    justify-content: center;

    padding-left: 10px;
    padding-right: 10px;
}

.erp-wrapper .sidebar.collapsed .sidebar-menu i {
    flex-basis: 22px;

    width: 22px;
}

.erp-wrapper .sidebar.collapsed + .erp-main {
    margin-left: var(--sidebar-collapse);
}


/* ==========================================================
   Mobile
========================================================== */

@media (max-width: 992px) {

    .erp-wrapper .sidebar {
        top: 46px;
        left: calc(-1 * var(--sidebar-width));

        height: calc(100vh - 46px);

        box-shadow:
            8px 0 30px rgba(15, 23, 42, 0.20);
    }

    .erp-wrapper .sidebar.show {
        left: 0;
    }

    .erp-wrapper .sidebar.collapsed {
        width: var(--sidebar-width);
    }

    .erp-wrapper .sidebar.collapsed .sidebar-logo {
        justify-content: flex-start;

        padding-left: 18px;
        padding-right: 18px;
    }

    .erp-wrapper .sidebar.collapsed .sidebar-logo h5,
    .erp-wrapper .sidebar.collapsed .sidebar-logo small,
    .erp-wrapper .sidebar.collapsed .sidebar-workspace-label span,
    .erp-wrapper .sidebar.collapsed .sidebar-heading,
    .erp-wrapper .sidebar.collapsed .sidebar-menu span,
    .erp-wrapper .sidebar.collapsed .sidebar-footer {
        display: block;
    }
    .erp-wrapper .sidebar.collapsed .sidebar-section-caption{display:block}.erp-wrapper .sidebar.collapsed .sidebar-parent{display:grid;grid-template-columns:22px minmax(0,1fr) 16px;justify-content:initial;width:calc(100% - 20px);margin-left:10px;margin-right:10px;padding:9px 12px}.erp-wrapper .sidebar.collapsed .sidebar-parent span,.erp-wrapper .sidebar.collapsed .sidebar-parent-chevron{display:block}.erp-wrapper .sidebar.collapsed .sidebar-submenu{display:block!important}.erp-wrapper .sidebar.collapsed .sidebar-submenu[hidden]{display:none!important}.erp-wrapper .sidebar.collapsed .sidebar-direct-menu{padding:0 10px}
    .erp-wrapper .sidebar.collapsed .sidebar-workspace-label{justify-content:flex-start;margin-left:12px;margin-right:12px;padding:10px 12px}

    .erp-wrapper .sidebar.collapsed .sidebar-menu a {
        justify-content: flex-start;

        padding-left: 13px;
        padding-right: 13px;
    }

    .erp-wrapper .sidebar.collapsed .sidebar-menu i {
        flex-basis: 20px;

        width: 20px;
    }
}
.erp-wrapper .company-social-links{display:flex;justify-content:center;gap:8px;margin:0 0 8px}.erp-wrapper .company-social-links:empty{display:none}.erp-wrapper .company-social-links a{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none}.erp-wrapper .company-social-links a:hover{background:var(--erp-primary);border-color:var(--erp-primary);color:#fff}

.erp-wrapper .sidebar-menu a[href$="/employees/create"]{font-weight:650}.erp-wrapper .sidebar-menu a[href$="/employees/create"] i{color:currentColor}