/* 
 * FRONTEND STYLES
 */
 
.parent-search-container {
    position: relative;
}

.parent-results-container {
    position: absolute;
    width: 100%;
    background: white;
    z-index: 1056; /* Above modal backdrop */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    border-radius: 0.375rem;
}

.modal.show .parent-results-container {
    z-index: 9999; /* Ensure it's above modal */
}

.parent-item {
    cursor: pointer;
    transition: all 0.2s;
    border-left: 3px solid transparent;
}

.parent-item:hover {
    background-color: #f8f9fa;
    border-left-color: #0d6efd;
}

.selected-parent-display {
    animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Documents page styles */
.category-bar .btn {
    margin-right: 0.25rem;
    border-radius: 0.375rem;
}
.category-bar .btn.active,
.category-bar .btn.btn-primary {
    box-shadow: 0 6px 18px rgba(13,110,253,0.12);
}

.doc-card .card {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.doc-card .card:hover {
    box-shadow: none !important;
}

.doc-card .card .card-title {
    font-size: 1.02rem;
    font-weight: 600;
}

.doc-card .badge {
    font-size: 0.72rem;
}

/* Color accents for borders if using Bootstrap contextual classes */
.border-info { border-left: .25rem solid #0dcaf0 !important; }
.border-success { border-left: .25rem solid #198754 !important; }
.border-warning { border-left: .25rem solid #ffc107 !important; }
.border-danger { border-left: .25rem solid #dc3545 !important; }
.border-secondary { border-left: .25rem solid #6c757d !important; }

@media (max-width: 767px) {
    .category-bar .btn { margin-bottom: 0.25rem; }
    .content-area{
        padding: 10px !important;
    }
    .mobile-navbar{
        padding: 15px 10px !important;
    }

    .dashboard-home #profileForm{
        margin-bottom: 50px !important;
    }
}