/* Карточки как в siamtaskmanager (static/css/components/cards.css) */
.card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border: 1px solid var(--color-grey-82);
    border-radius: var(--radius-10);
    background-color: var(--color-grey-white);
}

.card-form {
    max-width: 560px;
}

.form-actions {
    display: flex;
    gap: 10px;
    padding-top: 8px;
}

.empty-state {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 40px 24px;
}

.empty-state__text {
    color: var(--color-grey-48);
}

/* Сообщения */
.alert {
    padding: 12px 16px;
    border-radius: var(--radius-10);
    font-size: 1rem;
    line-height: 1.375rem;
}

.alert-danger {
    background: var(--color-danger-bg);
    color: var(--color-danger-text);
}

.alert-success {
    background: var(--color-success-bg);
    color: var(--color-success-text);
    box-shadow: var(--shadow-3);
}

.alert-info {
    background: var(--color-info-bg);
    color: var(--color-info-text);
}