/*
 * vendor-app.css
 *
 * Vendor panel custom styles and overrides.
 * Loaded after core.css and page-auth.css so these rules take precedence.
 *
 * Growing file: add section comments as new pages are built.
 */

/* ── Auth page ──────────────────────────────────────────────────────────────
   The login page uses Font Awesome icons instead of Sneat's Boxicons.
   Sneat's "icon-base" class adds sizing; we replicate that for FA here so the
   show/hide password icon in the input-group toggle looks correct.

   Both Sign In and Register tabs have password toggles, so we target both.
   --------------------------------------------------------------------------- */

#toggleLoginPassword,
#toggleRegPassword {
    z-index: 4;
}

#toggleLoginPassword .fa-solid,
#toggleRegPassword .fa-solid {
    font-size: 1rem;
    line-height: 1;
    color: var(--bs-secondary-color, #6c757d);
}

#toggleLoginPassword:hover .fa-solid,
#toggleRegPassword:hover .fa-solid {
    color: var(--bs-body-color, #495057);
}

/* ── Sidebar scroll ────────────────────────────────────────────────────────
   When PerfectScrollbar fails to initialize or the menu overflows the
   viewport, ensure native scroll works as a fallback.
   --------------------------------------------------------------------------- */

.layout-menu .menu-inner {
    overflow-y: auto !important;
    max-height: calc(100vh - 4rem);
}

/* ── SweetAlert2 z-index ───────────────────────────────────────────────────
   Nudge above Sneat's sidebar (z-index 1080) so confirm dialogs aren't
   hidden behind the layout.
   --------------------------------------------------------------------------- */

.swal2-container {
    z-index: 1100 !important;
}