.patient-primary {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.patient-name {
    color: var(--text-primary);
    font-weight: 570;
}

.patient-id {
    color: var(--text-tertiary);
    font-size: 12px;
}

.patient-form {
    display: flex;
    flex-direction: column;
}

.patient-delete-button {
    color: var(--danger);
}

.patient-delete-button:hover {
    text-decoration: underline;
}

@media (max-width: 760px) {
    .patients-table-phone,
    .patients-table-date {
        display: none;
    }
}