/*
 * KULİS v1.6.26 — Global Sidebar Collapse Reliability
 * Canonical desktop navigation can collapse to a compact icon rail.
 * Messages keeps the v1.6.21 true-full-width contract and does not render it.
 */

@media (min-width:783px){
    body.kulis-app-page [data-kulis-canonical-desktop-sidebar]{
        overflow:visible!important;
        transition:width .2s ease,min-width .2s ease,max-width .2s ease,box-shadow .2s ease!important;
        will-change:width;
    }

    body.kulis-app-page .kulis-plugin-app-layout{
        transition:grid-template-columns .2s ease,gap .2s ease!important;
    }

    body.kulis-app-page [data-kulis-canonical-desktop-sidebar] nav>a{
        position:relative!important;
        transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,padding .2s ease!important;
    }

    body.kulis-app-page [data-kulis-canonical-desktop-sidebar] .kulis-sidebar-label{
        min-width:0!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }

    body.kulis-app-page [data-kulis-canonical-desktop-sidebar] .kulis-sidebar-collapse-toggle{
        position:absolute!important;
        z-index:18!important;
        top:-11px!important;
        right:-11px!important;
        display:grid!important;
        place-items:center!important;
        width:28px!important;
        height:28px!important;
        min-width:28px!important;
        max-width:28px!important;
        min-height:28px!important;
        max-height:28px!important;
        margin:0!important;
        padding:0!important;
        border:1px solid #d7e0eb!important;
        border-radius:999px!important;
        background:#fff!important;
        color:#64748b!important;
        box-shadow:0 5px 16px rgba(15,23,42,.12)!important;
        cursor:pointer!important;
        appearance:none!important;
        -webkit-appearance:none!important;
        transition:color .16s ease,border-color .16s ease,background-color .16s ease,transform .2s ease!important;
    }

    body.kulis-app-page [data-kulis-canonical-desktop-sidebar] .kulis-sidebar-collapse-toggle:hover,
    body.kulis-app-page [data-kulis-canonical-desktop-sidebar] .kulis-sidebar-collapse-toggle:focus-visible{
        border-color:#9fbcff!important;
        background:#f4f8ff!important;
        color:#1769ff!important;
        outline:none!important;
    }

    body.kulis-app-page [data-kulis-canonical-desktop-sidebar] .kulis-sidebar-collapse-toggle svg{
        display:block!important;
        width:16px!important;
        height:16px!important;
        transition:transform .2s ease!important;
    }

    body.kulis-app-page [data-kulis-canonical-desktop-sidebar] [data-kulis-sidebar-toggle-text]{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        margin:-1px!important;
        padding:0!important;
        overflow:hidden!important;
        clip:rect(0 0 0 0)!important;
        clip-path:inset(50%)!important;
        white-space:nowrap!important;
        border:0!important;
    }

    /* Higher specificity intentionally wins over the app-frame first-paint 210/190px rules. */
    html.kulis-sidebar-collapsed body.kulis-plugin-app-frame-body:not(.kulis-section-messages) .kulis-plugin-app-layout{
        grid-template-columns:70px minmax(0,1fr)!important;
        gap:12px!important;
    }

    html.kulis-sidebar-collapsed body.kulis-plugin-app-frame-body:not(.kulis-section-messages) [data-kulis-canonical-desktop-sidebar]{
        width:70px!important;
        min-width:70px!important;
        max-width:70px!important;
        padding:8px 7px!important;
    }

    html.kulis-sidebar-collapsed body.kulis-plugin-app-frame-body:is(.kulis-section-members,.kulis-section-equipment,.kulis-section-crew_search,.kulis-section-availability):not(.kulis-section-messages) .kulis-plugin-app-layout > [data-kulis-canonical-desktop-sidebar]{
        flex:0 0 70px!important;
        flex-basis:70px!important;
    }

    html.kulis-sidebar-collapsed body.kulis-app-page [data-kulis-canonical-desktop-sidebar] nav{
        gap:3px!important;
    }

    html.kulis-sidebar-collapsed body.kulis-app-page [data-kulis-canonical-desktop-sidebar] nav>a{
        display:grid!important;
        grid-template-columns:1fr!important;
        place-items:center!important;
        gap:0!important;
        width:100%!important;
        min-width:0!important;
        min-height:44px!important;
        padding:8px!important;
        text-align:center!important;
    }

    html.kulis-sidebar-collapsed body.kulis-app-page [data-kulis-canonical-desktop-sidebar] nav>a>.kulis-sidebar-icon,
    html.kulis-sidebar-collapsed body.kulis-app-page [data-kulis-canonical-desktop-sidebar] nav>a>.kulis-sidebar-icon svg{
        width:21px!important;
        height:21px!important;
        min-width:21px!important;
        max-width:21px!important;
    }

    html.kulis-sidebar-collapsed body.kulis-app-page [data-kulis-canonical-desktop-sidebar] .kulis-sidebar-label{
        position:absolute!important;
        width:1px!important;
        height:1px!important;
        margin:-1px!important;
        padding:0!important;
        overflow:hidden!important;
        clip:rect(0 0 0 0)!important;
        clip-path:inset(50%)!important;
        white-space:nowrap!important;
        border:0!important;
    }

    html.kulis-sidebar-collapsed body.kulis-app-page [data-kulis-canonical-desktop-sidebar] nav>a>b{
        position:absolute!important;
        top:4px!important;
        right:4px!important;
        display:grid!important;
        place-items:center!important;
        min-width:15px!important;
        height:15px!important;
        margin:0!important;
        padding:0 3px!important;
        border:2px solid #fff!important;
        border-radius:999px!important;
        background:#1769ff!important;
        color:#fff!important;
        font-size:8px!important;
        font-weight:900!important;
        line-height:1!important;
        box-sizing:border-box!important;
    }

    html.kulis-sidebar-collapsed body.kulis-app-page [data-kulis-canonical-desktop-sidebar] nav>a.is-active>b,
    html.kulis-sidebar-collapsed body.kulis-app-page [data-kulis-canonical-desktop-sidebar] nav>a[aria-current="page"]>b{
        border-color:#2169f6!important;
        background:#fff!important;
        color:#1769ff!important;
    }

    /* Compact rail tooltip — mouse and keyboard friendly. */
    html.kulis-sidebar-collapsed body.kulis-app-page [data-kulis-canonical-desktop-sidebar] nav>a::after{
        content:attr(data-kulis-nav-label)!important;
        position:absolute!important;
        z-index:80!important;
        top:50%!important;
        left:calc(100% + 12px)!important;
        display:block!important;
        width:max-content!important;
        max-width:220px!important;
        padding:7px 10px!important;
        border:1px solid rgba(15,23,42,.12)!important;
        border-radius:8px!important;
        background:#172033!important;
        color:#fff!important;
        box-shadow:0 8px 22px rgba(15,23,42,.16)!important;
        font-size:11px!important;
        font-weight:750!important;
        line-height:1.2!important;
        white-space:nowrap!important;
        opacity:0!important;
        pointer-events:none!important;
        transform:translate(-4px,-50%)!important;
        transition:opacity .12s ease,transform .12s ease!important;
    }

    html.kulis-sidebar-collapsed body.kulis-app-page [data-kulis-canonical-desktop-sidebar] nav>a:hover::after,
    html.kulis-sidebar-collapsed body.kulis-app-page [data-kulis-canonical-desktop-sidebar] nav>a:focus-visible::after{
        opacity:1!important;
        transform:translate(0,-50%)!important;
    }

    html.kulis-sidebar-collapsed body.kulis-app-page [data-kulis-canonical-desktop-sidebar] .kulis-sidebar-collapse-toggle svg{
        transform:rotate(180deg)!important;
    }

    /* Keep the existing full-width messaging workspace exactly as-is. */
    html.kulis-sidebar-collapsed body.kulis-plugin-app-frame-body.kulis-section-messages .kulis-plugin-app-layout{
        grid-template-columns:minmax(0,1fr)!important;
        gap:0!important;
    }
}

@media (max-width:782px){
    body.kulis-app-page [data-kulis-canonical-desktop-sidebar] .kulis-sidebar-collapse-toggle{
        display:none!important;
    }
}

html body.kulis-app-page:is(.kulis-theme-dark,.kulis-theme-system-dark) [data-kulis-canonical-desktop-sidebar] .kulis-sidebar-collapse-toggle{
    border-color:#334155!important;
    background:#111b29!important;
    color:#aebdce!important;
    box-shadow:0 5px 16px rgba(0,0,0,.24)!important;
}
html body.kulis-app-page:is(.kulis-theme-dark,.kulis-theme-system-dark) [data-kulis-canonical-desktop-sidebar] .kulis-sidebar-collapse-toggle:hover,
html body.kulis-app-page:is(.kulis-theme-dark,.kulis-theme-system-dark) [data-kulis-canonical-desktop-sidebar] .kulis-sidebar-collapse-toggle:focus-visible{
    border-color:#4c7ed9!important;
    background:#15243a!important;
    color:#7fb0ff!important;
}
html.kulis-sidebar-collapsed body.kulis-app-page:is(.kulis-theme-dark,.kulis-theme-system-dark) [data-kulis-canonical-desktop-sidebar] nav>a>b{
    border-color:#111b29!important;
}
html.kulis-sidebar-collapsed body.kulis-app-page:is(.kulis-theme-dark,.kulis-theme-system-dark) [data-kulis-canonical-desktop-sidebar] nav>a.is-active>b,
html.kulis-sidebar-collapsed body.kulis-app-page:is(.kulis-theme-dark,.kulis-theme-system-dark) [data-kulis-canonical-desktop-sidebar] nav>a[aria-current="page"]>b{
    border-color:#2169f6!important;
}


/* v1.6.26 runtime fallback: boot sonrası body state de aynı kontratı taşır. */
@media (min-width:783px){
    body.kulis-plugin-app-frame-body.kulis-sidebar-collapsed:not(.kulis-section-messages) .kulis-plugin-app-layout{
        grid-template-columns:70px minmax(0,1fr)!important;
        gap:12px!important;
    }
    body.kulis-plugin-app-frame-body.kulis-sidebar-collapsed:not(.kulis-section-messages) [data-kulis-canonical-desktop-sidebar]{
        width:70px!important;min-width:70px!important;max-width:70px!important;flex-basis:70px!important;padding:8px 7px!important;
    }
}