/* Compact sidebar: reduce font & spacing and prevent labels wrapping */
.admin-sidebar { font-size: 0.88rem; }
.admin-sidebar .fs-4 { font-size: 1.02rem; }
.admin-sidebar .nav-link { padding: 0.35rem 0.5rem; }
.admin-sidebar .nav-link .me-2 { margin-right: .45rem; }

/* Prevent link text wrapping and show ellipsis when truncated */
.admin-sidebar .nav-link > span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 36px); /* leave space for icon/chevron */
    vertical-align: middle;
    align-items: center;
}

/* Submenu items (indented) should have slightly smaller max-width */
.admin-sidebar .nav-link.ps-4 > span { max-width: calc(100% - 48px); }

/* Add smooth transitions for collapse animations */
.admin-sidebar .collapse {
    transition: all 0.3s ease;
}

/* Chevron rotation animation */
.sidebar-toggle .fa-chevron-down {
    transition: transform 0.3s ease;
}

.sidebar-toggle[aria-expanded="true"] .fa-chevron-down {
    transform: rotate(180deg);
}

/* Desktop Sidebar Width */
@media (min-width: 992px) {
    .admin-sidebar {
        width: 280px;
        height: 100vh;
        border-right: 1px solid #dee2e6;
        flex-shrink: 0;
    }
    /* Hide the mobile header inside the sidebar on desktop */
    .admin-sidebar .offcanvas-header {
        display: none;
    }
}

/* Mobile adjustments */
@media (max-width: 991.98px) {
    .admin-sidebar { font-size: 0.92rem; }
    /* Hide the desktop header inside the sidebar on mobile */
    hr,
    .admin-sidebar .offcanvas-body > a.d-flex {
        display: none !important;
    }
}

/* Dropzone: keep previews clean */
.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
    display: none !important;
    opacity: 0 !important;
}

.drag-handle {
    cursor: move;
    user-select: none;
    color: #6c757d;
}

.drag-handle:hover {
    color: #0d6efd;
}

.reorder-rows-on-drag-class {
    opacity: 0.6;
    background-color: #f8f9fa;
}