.jantaz-app{
    min-height:100vh;
    display:grid;
    grid-template-columns:300px 1fr;
    background:
        radial-gradient(circle at top right,rgba(109,94,248,.15),transparent 32%),
        var(--bg);
}

.jantaz-sidebar{
    background:#fff;
    border-right:1px solid var(--border);
    padding:24px 18px;
    transition:.25s ease;
    overflow-y:auto;
    overflow-x:hidden;
}

.sidebar-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:18px;
}

.sidebar-logo{
    width:140px;
    height:auto;
}

.sidebar-actions{display:flex;gap:8px;}

.new-chat{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    text-decoration:none;
    color:var(--dark);
    border:1px solid var(--border);
    border-radius:16px;
    padding:14px;
    font-weight:800;
    background:#fff;
    box-shadow:0 10px 25px rgba(15,23,42,.04);
    margin-bottom:22px;
}

.new-chat:hover{
    color:var(--primary);
    border-color:rgba(109,94,248,.4);
}

.side-block{margin-top:20px;}

.side-block h4,
.knowledge-block summary{
    font-size:12px;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:.1em;
    font-weight:800;
    margin-bottom:10px;
}

.side-item{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:11px 0;
    border-bottom:1px solid var(--border);
    color:var(--text);
    font-size:14px;
    line-height:1.35;
    text-decoration:none;
}

.side-item:hover{background:#FAFAFF;color:var(--primary);}
.side-item i{color:var(--primary);margin-top:2px;flex:none;}
.side-empty{color:var(--muted);font-size:14px;line-height:1.5;}

.knowledge-block summary{
    list-style:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer;
}
.knowledge-block summary::-webkit-details-marker{display:none;}
.knowledge-inner{margin-top:12px;}

.more-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    color:var(--primary);
    text-decoration:none;
    font-weight:800;
    font-size:14px;
}

body.sidebar-collapsed .jantaz-app{grid-template-columns:78px 1fr;}
body.sidebar-collapsed .jantaz-sidebar{padding:22px 12px;}
body.sidebar-collapsed .sidebar-logo,
body.sidebar-collapsed .side-item span,
body.sidebar-collapsed .new-chat span,
body.sidebar-collapsed .side-block h4,
body.sidebar-collapsed .knowledge-block summary span,
body.sidebar-collapsed .knowledge-block summary .bi-chevron-down,
body.sidebar-collapsed .more-link,
body.sidebar-collapsed .mobile-account-panel{display:none;}
body.sidebar-collapsed .sidebar-top,
body.sidebar-collapsed .new-chat,
body.sidebar-collapsed .side-item,
body.sidebar-collapsed .knowledge-block summary{justify-content:center;}
body.sidebar-collapsed .desktop-only{display:grid;}

.mobile-account-panel{display:none;}

@media(max-width:900px){
    .jantaz-app{display:block;min-height:calc(100vh - 62px);}

    .jantaz-sidebar{
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        width:82%;
        max-width:330px;
        z-index:100;
        transform:translateX(-105%);
        transition:.25s ease;
        overflow-y:auto;
        border-right:1px solid var(--border);
    }

    .jantaz-sidebar.open{transform:translateX(0);}
    .sidebar-logo{width:118px;}

    .sidebar-overlay{
        position:fixed;
        inset:0;
        background:rgba(15,23,42,.35);
        z-index:90;
        display:none;
    }
    .sidebar-overlay.open{display:block;}

    .mobile-account-panel{
        display:block;
        margin:16px 0 22px;
        padding:14px;
        border:1px solid var(--border);
        border-radius:16px;
        background:#FAFAFF;
    }

    .mobile-account-panel strong,
    .mobile-account-panel small{display:block;}
    .mobile-account-panel small{margin-top:3px;color:var(--muted);word-break:break-word;}

    .mobile-account-links{
        display:grid;
        gap:4px;
        margin-top:12px;
        padding-top:10px;
        border-top:1px solid var(--border);
    }

    .mobile-account-links a,
    .mobile-account-links button{
        width:100%;
        display:flex;
        align-items:center;
        gap:9px;
        border:0;
        border-radius:10px;
        background:transparent;
        padding:10px;
        color:var(--text);
        text-decoration:none;
        cursor:pointer;
    }
    .mobile-account-links form{margin:0;}
}