/* Custom styles for the wedding inquiry dashboard */

/* Status badges styling */
.status-new {
    background-color: var(--bs-info);
}

.status-first_step {
    background-color: var(--bs-primary);
}

.status-second_step {
    background-color: var(--bs-secondary);
}

.status-in_progress {
    background-color: var(--bs-purple);
}

.status-confirmed {
    background-color: var(--bs-success);
}

.status-canceled {
    background-color: var(--bs-danger);
}

/* Unread inquiry indicator */
.unread-indicator {
    width: 10px;
    height: 10px;
    background-color: var(--bs-primary);
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
}

/* Stats card styling */
.stats-card {
    transition: transform 0.2s;
}

.stats-card:hover {
    transform: translateY(-5px);
}

/* Space for the fixed header */
.content-with-header-space {
    padding-top: 100px;
}

/* Message text in inquiry detail page */
.message-content {
    white-space: pre-line;
    padding: 15px;
    border-radius: 8px;
    background-color: rgba(var(--bs-secondary-rgb), 0.1);
}

/* Custom scrollbar for inquiry list */
.inquiry-list {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    scrollbar-width: thin;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .stats-row {
        flex-direction: column;
    }
    
    .stats-card {
        margin-bottom: 10px;
    }
}