/* Compact sidebar styles to reduce vertical space */

/* Reduce padding on sidebar cards */
.col-lg-4 .card {
    margin-bottom: 1rem !important; /* Reduced from default 1.5rem */
}

.col-lg-4 .card-header {
    padding: 0.4rem 0.8rem; /* Reduced from 0.5rem 1rem */
    font-size: 0.95rem;
}

.col-lg-4 .card-body {
    padding: 0.75rem; /* Reduced from 1rem */
}

/* Compact search widget */
.col-lg-4 .input-group .form-control {
    padding: 0.25rem 0.5rem; /* Reduced padding */
    font-size: 0.9rem;
}

.col-lg-4 .input-group .btn {
    padding: 0.25rem 0.75rem; /* Reduced padding */
    font-size: 0.9rem;
}

/* Compact tags */
.col-lg-4 .btn-sm {
    padding: 0.15rem 0.4rem; /* Reduced from default */
    margin: 0.15rem !important; /* Reduced from 0.25rem */
    font-size: 0.85rem;
}

/* Reduce list spacing */
.col-lg-4 .list-unstyled {
    margin-bottom: 0 !important;
}

.col-lg-4 .list-unstyled li {
    margin-bottom: 0.2rem; /* Add small spacing between items */
}

.col-lg-4 .list-unstyled li:last-child {
    margin-bottom: 0;
}

/* Special handling for tag widget to maintain visibility */
.col-lg-4 .card-body .row {
    margin: -0.25rem; /* Tighter row spacing */
}

/* Admin section optimization */
.col-lg-4 form[action*="logout"] {
    margin: 0;
}

/* Ensure buttons remain clickable with adequate touch targets */
@media (max-width: 768px) {
    .col-lg-4 .btn-sm {
        padding: 0.25rem 0.5rem; /* Slightly larger on mobile */
        font-size: 0.9rem;
    }
}

/* Optional: Add subtle visual separation between widgets */
.col-lg-4 .card {
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    transition: box-shadow 0.2s ease;
}

.col-lg-4 .card:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}