/* MOBILE SIDEBAR TOGGLE */
/* DESKTOP - overlay gizle */
@media (min-width: 768px) {
    #sidebar_overlay {
        display: none !important;
    }
}
/* MOBILE SIDEBAR TOGGLE */
@media (max-width: 767px) {
    /* Sidebar - position fixed ve translateX ile gizle */
    #sidebar {
        position: fixed !important;
        inset-y: 0 !important;
        left: 0 !important;
        z-index: 50 !important;
        box-shadow: 0 0 15px rgba(0,0,0,0.2) !important;
        transform: translateX(-100%) !important;
        transition: transform 0.3s ease !important;
        width: 260px !important;
    }
    #sidebar.sidebar_open {
        transform: translateX(0) !important;
    }
    /* Overlay - kapalı durumda görünmez */
    #sidebar_overlay {
        position: fixed !important;
        inset: 0 !important;
        background: rgba(0,0,0,0.5) !important;
        z-index: 40 !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: opacity 0.3s ease !important;
    }
    #sidebar_overlay.active {
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    /* Body overflow hidden when sidebar open - mobilde scroll engelle */
    body.sidebar-mobile-open {
        overflow: hidden !important;
    }
}
/* MOBILE SIDEBAR TOGGLE */

input[readonly]{
    cursor:no-drop;
    background:#e1e1e1;
}
input[disabled]{
    cursor:no-drop;
    background:#e1e1e1;
    color:#333;
}
select[disabled]{
    cursor:no-drop;
    background:#e1e1e1;
    color:#333;
}
textarea[disabled]{
    cursor:no-drop;
    background:#e1e1e1;
    color:#333;
}
/* CUSTOM TOOLTIP */
[data-tooltip]{
    position:relative;
    cursor:help;
}
[data-tooltip]::before{
    content:attr(data-tooltip);
    position:absolute;
    bottom:120%;
    left:50%;
    transform:translateX(-50%);
    padding:5px 10px;
    background:#ffffff;
    color:#000000;
    font-size:13px;
    border-radius:5px;
    white-space:pre-wrap;
    width:max-content;
    max-width:250px;
    text-align:center;
    line-height:1.4;
    opacity:0;
    pointer-events:none;
    transition:all 0.2s ease;
    z-index:100;
    font-family:sans-serif;
    box-shadow:1px 0px 12px 11px #eee;
}
[data-tooltip]:hover::before{
    opacity:1;
    bottom:130%;
}
/* CUSTOM TOOLTIP */