/* Unified message/alert styles for the entire site */

/* Base message container */
.message {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border-width: 1px;
}

/* Success message - green */
.message-success {
    background-color: #d1fae5;
    border-color: #86efac;
    color: #065f46;
}

.dark .message-success {
    background-color: #064e3b;
    border-color: #065f46;
    color: #d1fae5;
}

/* Error message - red */
.message-error {
    background-color: #fee2e2;
    border-color: #fca5a5;
    color: #991b1b;
}

.dark .message-error {
    background-color: #7f1d1d;
    border-color: #991b1b;
    color: #fecaca;
}

/* Warning message - yellow/orange */
.message-warning {
    background-color: #fef3c7;
    border-color: #fcd34d;
    color: #92400e;
}

.dark .message-warning {
    background-color: #78350f;
    border-color: #92400e;
    color: #fef3c7;
}

/* Info message - blue */
.message-info {
    background-color: #dbeafe;
    border-color: #93c5fd;
    color: #1e40af;
}

.dark .message-info {
    background-color: #1e3a8a;
    border-color: #1e40af;
    color: #dbeafe;
}

/* Alternative class names for compatibility */
.alert {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    border-width: 1px;
}

.alert-success {
    background-color: #d1fae5;
    border-color: #86efac;
    color: #065f46;
}

.dark .alert-success {
    background-color: #064e3b;
    border-color: #065f46;
    color: #d1fae5;
}

.alert-error,
.alert-danger {
    background-color: #fee2e2;
    border-color: #fca5a5;
    color: #991b1b;
}

.dark .alert-error,
.dark .alert-danger {
    background-color: #7f1d1d;
    border-color: #991b1b;
    color: #fecaca;
}

.alert-warning {
    background-color: #fef3c7;
    border-color: #fcd34d;
    color: #92400e;
}

.dark .alert-warning {
    background-color: #78350f;
    border-color: #92400e;
    color: #fef3c7;
}

.alert-info {
    background-color: #dbeafe;
    border-color: #93c5fd;
    color: #1e40af;
}

.dark .alert-info {
    background-color: #1e3a8a;
    border-color: #1e40af;
    color: #dbeafe;
}