/* Styling fallback for native text inputs and select boxes if materialize/bootstrap-select plugin is bypassed */
    
   
   
    /* ── Sidebar menu fix: prevent text truncation ── */
    .sidebar {
        width: 250px !important;
        overflow: visible !important;
    }
    .sidebar .menu {
        width: 100% !important;
        overflow: hidden !important;
    }
    .sidebar .menu .list {
        width: 100% !important;
    }
    .sidebar .menu .slimScrollDiv {
        width: 100% !important;
        overflow: visible !important;
    }
    .sidebar .menu .list li a {
        white-space: nowrap;
        overflow: visible;
    }
    .sidebar .menu .list li a span {
        display: inline;
    }
    /* Ensure ls-closed/ls-toggle-menu still hides properly */
    .ls-closed .sidebar,
    .ls-toggle-menu .sidebar {
        margin-left: -300px !important;
    }
    .overlay-open .sidebar {
        margin-left: 0 !important;
    }
    
    select.form-control {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
    height: 38px !important;
    background-color: #fff !important;
}
    
    /* Native select fallback */
 

.form-group .form-control {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    box-shadow: none !important;
    background-color: #fff !important;
}

.form-group .form-control:focus {
   /* border: 1px solid #ff9800 !important;*/
    box-shadow: 0 0 5px rgba(255, 152, 0, 0.3) !important;
}

    .form-group.form-float .form-line {
        border: 1px solid #ccc !important;
        border-radius: 4px !important;
        padding: 8px 12px !important;
    }
    .form-group.form-float .form-line.focused {
        border: 1px solid #ff9800 !important;
        box-shadow: 0 0 5px rgba(255, 152, 0, 0.3) !important;
    }
    .form-group.form-float .form-line .form-label {
        top: 8px !important;
        left: 12px !important;
    }
    .form-group.form-float .form-line.focused .form-label,
    .form-group.form-float .form-line .form-control:valid + .form-label {
        top: -10px !important;
        left: 10px !important;
        background-color: #fff !important;
        padding: 0 5px !important;
        font-size: 12px !important;
        color: #ff9800 !important;
    }


/* Facebook/Instagram import checkbox */
.import-col {
    text-align: center !important;
    vertical-align: middle !important;
}

.import-col input[type="checkbox"],
input.import-checkbox {
    position: static !important;
    left: auto !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}