/* ================================================================
   Split Home — Custom CSS
   Tailwind CDN handles utilities; this file adds only what Tailwind
   cannot express without a build step.
   ================================================================ */

/* ----------- Sidebar: hide on mobile, show via JS body class ------- */
@media (max-width: 767px) {
    #sidebar {
        transform: translateX(-100%);
    }
    body.sidebar-open #sidebar {
        transform: translateX(0);
    }
}

/* ----------- Sidebar slide animation ------------------------------- */
.sidebar-transition {
    transition: transform 0.25s ease;
}

/* ----------- Mobile overlay backdrop ------------------------------ */
.overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 30;
    display: none;
}
body.sidebar-open .overlay {
    display: block;
}

/* ----------- Toast animations ------------------------------------- */
@keyframes toastIn {
    from { transform: translateX(110%); opacity: 0; }
    to   { transform: translateX(0);   opacity: 1; }
}
@keyframes toastOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}
.toast-enter {
    animation: toastIn 0.2s ease forwards;
}
.toast-exit {
    animation: toastOut 0.3s ease forwards;
}

/* ----------- Hide scrollbar inside sidebar (WebKit) --------------- */
#sidebar::-webkit-scrollbar {
    display: none;
}
#sidebar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}