/* Backend responsive overrides */
/* Basic responsive utilities and breakpoints */
html,body{
    -webkit-text-size-adjust:100%;
}
img,svg,iframe,embed,object{
    max-width:100%;
    height:auto;
}
.container-fluid, .container{max-width:100%;padding-left:12px;padding-right:12px}

/* Make tables scrollable on small screens */
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Make form controls take full width on small screens */
@media (max-width:768px){
    .form-control{width:100%}
    .card-body .row > [class*="col-"]{padding-left:6px;padding-right:6px}
}

/* Sidebar & navigation adjustments */
@media (max-width:992px){
    .dashboard-main-wrapper .sidebar{
        position:relative;display:block;width:100%;
    }
    .dashboard-main-wrapper .main-content{padding:10px}
}

/* Header/navbar tweaks */
@media (max-width:576px){
    .navbar .navbar-brand{font-size:1rem}
    .navbar .nav-link{padding:.35rem .5rem;font-size:.9rem}
}

/* Utility helpers */
.text-truncate-2{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Ensure long words (URLs, IDs) break */
.break-word{word-break:break-word;overflow-wrap:anywhere}