/* 1. Reset the Sidebar Variables to Zero */
:root {
    --sidebar-width: 0px !important;
    --sidebar-width-icon: 0px !important;
}

/* 2. Target the 'Spacer' (The group peer div) */
/* This is the invisible ghost pushing your content */
div.group.peer[data-variant="sidebar"] {
    display: none !important;
    width: 0px !important;
    flex: 0 0 0px !important;
}

/* 3. Target the Fixed Container */
/* This is the one that stays on the screen even if the spacer is gone */
div.fixed.inset-y-0.left-0[data-sidebar="sidebar"], 
aside,
[data-sidebar="sidebar"] {
    display: none !important;
    width: 0px !important;
    left: -1000px !important; /* Move it off-screen just in case */
}




header {
    width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    left: 0 !important;
}

/* 6. Hide your specific triggers */
#sidebar-trigger-button,
#search-chats-button {
    display: none !important;
}