/* Feedback System Styles */

/* Breadcrumb container styling */
.breadcrumb-container {
    background: #e9ecef;
    border-bottom: 1px solid #dee2e6;
    padding: 0.75rem 1rem;
}

.breadcrumb {
    background: transparent;
    margin-bottom: 0;
    padding: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    color: #6c757d;
    font-weight: bold;
}

.breadcrumb-item a {
    color: #495057;
    text-decoration: none;
}

.breadcrumb-item a:hover {
    color: #dc3545;
    text-decoration: underline;
}

.breadcrumb-item.active {
    color: #6c757d;
}

/* Feedback link in breadcrumb */
.breadcrumb a[onclick*="FeedbackSystem"] {
    color: #8f161d;
    font-weight: 500;
    transition: all 0.3s ease;
}

.breadcrumb a[onclick*="FeedbackSystem"]:hover {
    color: #721219;
}

.breadcrumb .bi-megaphone {
    font-size: 1.1rem;
    margin-right: 0.25rem;
}

/* Feedback modal customizations */
#feedbackModal .modal-header {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
}

#feedbackModal .modal-title i {
    color: #8f161d;
}

#feedbackModal textarea {
    resize: vertical;
    min-height: 120px;
}

#feedbackModal .form-text {
    font-size: 0.875rem;
    color: #6c757d;
}

/* Success and error alerts in modal */
#feedbackSuccess, #feedbackError {
    margin-top: 1rem;
    margin-bottom: 0;
}